MuhammadIqbalAfandi
/
cahaya-agung
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
Pārlūkot izejas kodu

style: new login design

Muhammad Iqbal Afandi 3 gadus atpakaļ
vecāks
ffcdafb8d1
revīzija
4f687b75f5
2 mainītis faili ar 10 papildinājumiem un 31 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 9
    30
      resources/js/layouts/Auth/AuthLayout.vue
  2. 1
    1
      resources/js/pages/Auth/Login.vue

+ 9
- 30
resources/js/layouts/Auth/AuthLayout.vue Parādīt failu 

@@ -11,46 +11,25 @@ defineProps({
11 11 
   <Head :title="title" />
12 12
13 13 
   <div
14 
-    class="surface-0 flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden"
14 
+    class="surface-0 flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden bg-primary"
15 15 
   >
16 16 
     <div
17 17 
       class="grid flex-column align-items-center p-2 lg:p-0"
18 18 
       style="min-width: 80%"
19 19 
     >
20 
-      <div class="col-12 xl:col-6 p-0">
20 
+      <div class="max-w-28rem p-6 m-4">
21 21 
         <AppMessage />
22 22 
       </div>
23 23
24 
-      <div class="col-12 xl:col-6 border-gradient">
25 
-        <div class="flex flex-column m-0 p-4 bg-gradient">
26 
-          <p class="text-center mb-5 text-600 font-medium">
27 
-            <slot name="header" />
28 
-          </p>
24 
+      <div class="max-w-28rem bg-white p-6 m-4 border-round-xl">
25 
+        <p class="text-center mb-5 font-bold text-3xl text-color">
26 
+          <slot name="header" />
27 
+        </p>
29 28
30 
-          <slot />
31 
-        </div>
29 
+        <Divider align="center" />
30 
+
31 
+        <slot />
32 32 
       </div>
33 33 
     </div>
34 34 
   </div>
35 35 
 </template>
36 
-
37 
-<style scoped>
38 
-.border-gradient {
39 
-  border-radius: 56px;
40 
-  padding: 0.3rem;
41 
-  background: linear-gradient(
42 
-    180deg,
43 
-    var(--primary-color),
44 
-    rgba(33, 150, 243, 0) 30%
45 
-  );
46 
-}
47 
-
48 
-.bg-gradient {
49 
-  border-radius: 53px;
50 
-  background: linear-gradient(
51 
-    180deg,
52 
-    var(--surface-50) 38.9%,
53 
-    var(--surface-0)
54 
-  );
55 
-}
56 
-</style>

+ 1
- 1
resources/js/pages/Auth/Login.vue Parādīt failu 

@@ -19,7 +19,7 @@ const onSubmit = () => {
19 19
20 20 
 <template>
21 21 
   <AuthLayout title="Sign In">
22 
-    <template #header> Masuk untuk melanjutkan </template>
22 
+    <template #header> Selamat Datang Kembali! </template>
23 23
24 24 
     <AppInputText
25 25 
       v-model="form.username"