From f87cd063eeb59cad3ee6dfd34700cf4aed27d771 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Sat, 23 Nov 2024 15:29:28 +0100
Subject: [PATCH] Center elements in characters screen
---
src/components/screens/Characters.vue | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 6759906..a2fc9b1 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -26,7 +26,7 @@
</button>
</div>
</div>
- <div class="py-6 px-8 h-[calc(100%_-_48px)] flex flex-col items-center gap-6" v-if="selected_character">
+ <div class="py-6 px-8 h-[calc(100%_-_48px)] flex flex-col items-center gap-6 justify-center" v-if="selected_character">
<input class="input-field w-[158px]" type="text" name="name" :placeholder="characters.find((c) => c.id == selected_character)?.name" />
<div class="flex flex-col gap-4 items-center">
<div class="flex flex-col gap-3">