+
-
-
-
{{ gameStore.character?.hitpoints }}%
+
+
+
{{ gameStore.character?.hitpoints }}%
-
-
-
{{ gameStore.character?.mana }}%
+
+
+
{{ gameStore.character?.mana }}%
@@ -23,27 +23,27 @@ const gameStore = useGameStore()
#hp {
// Chrome, Safari, Edge, Opera
&::-webkit-progress-value {
- @apply bg-green rounded-sm;
+ @apply bg-gradient-to-r from-green from-75% to-green-200 rounded-sm;
}
&::-webkit-progress-bar {
@apply bg-white rounded-sm border border-solid border-black;
}
// Firefox
&::-moz-progress-bar {
- @apply bg-green rounded-sm border border-solid border-black;
+ @apply bg-gradient-to-r from-green from-75% to-green-200 rounded-sm border border-solid border-black;
}
}
-#mp {
+#sp {
// Chrome, Safari, Edge, Opera
&::-webkit-progress-value {
- @apply bg-blue rounded-sm;
+ @apply bg-gradient-to-r from-blue from-75% to-blue-200 rounded-sm;
}
&::-webkit-progress-bar {
@apply bg-white rounded-sm border border-solid border-black;
}
// Firefox
&::-moz-progress-bar {
- @apply bg-blue rounded-sm border border-solid border-black;
+ @apply bg-gradient-to-r from-blue from-75% to-blue-200 rounded-sm border border-solid border-black;
}
}
diff --git a/src/components/gui/Keybindings.vue b/src/components/gui/Keybindings.vue
index b5b6215..8c42ca5 100644
--- a/src/components/gui/Keybindings.vue
+++ b/src/components/gui/Keybindings.vue
@@ -1,5 +1,44 @@
-
+
+
+
+
+
+
+
+