feat(profile): update list item styles

Aekal · Nov 24, 2024 · 77e0408 · 77e0408
1 parent e957979
commit 77e0408
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/BaseInput.vue b/src/components/BaseInput.vue
@@ -14,7 +14,7 @@ const model = defineModel<string>()
     <input
       v-bind="$attrs"
       v-model="model"
-      class="rounded border p-1.5 text-neutral-700 placeholder:text-neutral-400"
+      class="w-full rounded border p-1.5 text-neutral-700 placeholder:text-neutral-400"
     />
   </label>
 </template>

diff --git a/src/components/BaseListItem.vue b/src/components/BaseListItem.vue
@@ -5,10 +5,8 @@ defineProps<{
 }>()
 </script>
 <template>
-  <li class="flex flex-col gap-2">
-    {{ label }}
-    <div class="rounded bg-neutral-700 p-2.5">
-      {{ value || '-' }}
-    </div>
+  <li class="flex flex-col gap-2 rounded bg-neutral-700 p-2.5">
+    <span class="font-bold">{{ label }}</span>
+    <span>{{ value || '-' }}</span>
   </li>
 </template>