MuhammadIqbalAfandi
/
cahaya-agung
Наблюдаван 1
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Версии 0 Уики Activity
Преглед на файлове

style: new login design

Muhammad Iqbal Afandi преди 3 години
родител
ffcdafb8d1
ревизия
d0c79eb67d
променени са 2 файла, в които са добавени 12 реда и са изтрити 31 реда
Разделен изглед Покажи статистика за разликите
  1. 11
    30
      resources/js/layouts/Auth/AuthLayout.vue
  2. 1
    1
      resources/js/pages/Auth/Login.vue

+ 11
- 30
resources/js/layouts/Auth/AuthLayout.vue Целия файл 

@@ -11,46 +11,27 @@ 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 
+      <img src="/images/logo.svg" alt="logo" class="w-5rem" />
29 25
30 
-          <slot />
31 
-        </div>
26 
+      <div class="max-w-28rem bg-white p-6 m-4 border-round-xl">
27 
+        <p class="text-center mb-5 font-bold text-3xl text-color">
28 
+          <slot name="header" />
29 
+        </p>
30 
+
31 
+        <Divider align="center" />
32 
+
33 
+        <slot />
32 34 
       </div>
33 35 
     </div>
34 36 
   </div>
35 37 
 </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 Целия файл 

@@ -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"