diff --git a/src/App.vue b/src/App.vue index 543fc57..dc6dec8 100644 --- a/src/App.vue +++ b/src/App.vue @@ -107,4 +107,37 @@ body, html { font-family: sans-serif; } +*::-webkit-scrollbar { + height: 2px; + } +*::-webkit-scrollbar-button { + width: 0px; + height: 0px; +} +*::-webkit-scrollbar-thumb { + background: #e1e1e1; + border: 0px none #ffffff; + border-radius: 50px; +} +*::-webkit-scrollbar-thumb:hover { + background: #ffffff; +} +*::-webkit-scrollbar-thumb:active { + background: #000000; +} +*::-webkit-scrollbar-track { + background: #00000000; + border: 0px none #ffffff; + border-radius: 50px; +} +*::-webkit-scrollbar-track:hover { + background: #666666; +} +*::-webkit-scrollbar-track:active { + background: #333333; +} +*::-webkit-scrollbar-corner { + background: transparent; +} + diff --git a/src/components/ActionButton.vue b/src/components/ActionButton.vue index 468d949..33dd78a 100644 --- a/src/components/ActionButton.vue +++ b/src/components/ActionButton.vue @@ -53,7 +53,10 @@ export default class ActionButton extends Vue { .action-button { width: 100%; padding: 4pt; + flex: 0 1; background: #333; + border-color: #666; + border-style: outset; } .action-button:hover { diff --git a/src/components/Combat.vue b/src/components/Combat.vue index 936f5a3..0760de9 100644 --- a/src/components/Combat.vue +++ b/src/components/Combat.vue @@ -7,6 +7,9 @@
+
+
+
@@ -18,6 +21,9 @@
{{actionDescription}}
+
+
+
@@ -135,7 +141,7 @@ export default class Combat extends Vue {