wip

src/views/SignInView.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useAuthStore } from '@/stores/auth.ts'
+import { JustButton, JustInput } from '@/components/simple'
 
 const authStore = useAuthStore()
 
@@ -12,16 +13,16 @@ async function onSubmit() {
 </script>
 
 <template>
-  <div class="h-100 d-flex flex-column align-center justify-center red">
-    <div class="w-20r border pa-4 blue">
+  <div class="h-full flex flex-col justify-center items-center">
+    <div class="bg-white border border-gray-500 p-4 rounded-md w-64">
       <form @submit.prevent="onSubmit">
-        <div class="d-flex flex-column ga-4">
+        <div class="flex flex-col gap-2">
           <div class="">Sign in</div>
-          <input v-model="email" placeholder="email" type="email" class="border" />
+          <JustInput v-model="email" placeholder="email" type="email" class="" />
           <input v-if="false" v-model="name" placeholder="name" />
-          <div class="d-flex ga-4 align-center">
+          <div class="flex justify-end">
             <input type="checkbox" v-if="false" />
-            <button type="submit">login</button>
+            <JustButton type="submit">sign in</JustButton>
           </div>
         </div>
       </form>