✨ Proper create account

2025-09-20 13:43:53 +08:00
parent 5d283165d8
commit 534e0f6080
3 changed files with 485 additions and 291 deletions
--- a/app/components/FooterCompact.vue
+++ b/app/components/FooterCompact.vue
@@ -0,0 +1,30 @@
+<template>
+  <v-container class="footer">
+    <div class="d-flex justify-space-between align-center">
+      <v-select
+        :items="['English (United States)']"
+        model-value="English (United States)"
+        variant="plain"
+        density="compact"
+        hide-details
+        class="flex-grow-0"
+      />
+      <div class="d-flex">
+        <v-btn variant="text" size="small" class="text-capitalize">Help</v-btn>
+        <v-btn variant="text" size="small" class="text-capitalize"
+          >Privacy</v-btn
+        >
+        <v-btn variant="text" size="small" class="text-capitalize">Terms</v-btn>
+      </div>
+    </div>
+  </v-container>
+</template>
+
+<style scoped>
+.footer {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+</style>