changements visuels login form

2026-04-28 12:03:38 +02:00
parent fdcceaa8b0
commit c93f2952da
3 changed files with 124 additions and 19 deletions
@@ -1,3 +1,85 @@
-ion-card{
+.bg {
+    --background: linear-gradient(180deg, #e6dede, #e58a8a);
+}
+
+.container {
+    text-align: center;
+    padding-top: 60px;
+}
+
+.logo-box {
+    width: 90px;
+    height: 90px;
+    margin: 0 auto 10px;
+    border-radius: 20px;
+    background: #f2eaea;
+    display: flex;
+    align-items: center;
    justify-content: center;
+
+    box-shadow: 8px 8px 15px #d1bcbc,
+    -8px -8px 15px #ffffff;
+
+    img {
+        width: 50px;
+    }
+}
+
+h1 {
+    color: #b86b6b;
+    margin-bottom: 30px;
+}
+
+.card {
+    width: 85%;
+    max-width: 320px;
+    margin: auto;
+    padding: 25px;
+    border-radius: 20px;
+    background: #f2eaea;
+
+    box-shadow: 10px 10px 20px #cfaeae,
+    -10px -10px 20px #ffffff;
+
+    h3 {
+        color: #c27a7a;
+        margin-bottom: 20px;
+        font-weight: normal;
+    }
+}
+
+.input {
+    margin: 10px 0;
+    border-radius: 20px;
+
+    --background: #f2eaea;
+    --padding-start: 15px;
+
+    box-shadow: inset 5px 5px 10px #d1bcbc,
+    inset -5px -5px 10px #ffffff;
+
+    ion-input {
+        color: #a35c5c;
+    }
+}
+
+.btn {
+    margin-top: 15px;
+    --background: #b86b6b;
+    --border-radius: 20px;
+
+    box-shadow: 5px 5px 10px #a45f5f,
+    -5px -5px 10px #ff9c9c;
+}
+
+.signup {
+    margin-top: 20px;
+    color: white;
+    font-size: 14px;
+
+    a {
+        color: white;
+        font-weight: bold;
+        text-decoration: underline;
+    }
 }