refactor(ui): localize component styles

2026-08-09 13:47:01 +05:30
parent b6bd5cfcb7
commit 54a93c1d14
37 changed files with 4508 additions and 3832 deletions
@@ -89,4 +89,61 @@ component AuthForm {
      <slot />
    </section>
  }
+
+  style {
+    .wire-auth-form {
+      width: 100%;
+    }
+
+    .wire-auth-form > header {
+      display: flex;
+      margin-bottom: 1.5rem;
+      align-items: flex-start;
+      gap: 0.85rem;
+    }
+
+    .wire-auth-form__icon {
+      width: 2rem;
+      height: 2rem;
+      flex: none;
+      color: var(--wire-color-primary);
+    }
+
+    .wire-auth-form h2 {
+      margin: 0;
+      font-size: 1.5rem;
+      font-weight: 650;
+      letter-spacing: -0.025em;
+    }
+
+    .wire-auth-form header p {
+      margin: 0.35rem 0 0;
+      color: var(--wire-color-muted);
+      font-size: 0.75rem;
+      line-height: 1.5;
+    }
+
+    .wire-auth-form form {
+      display: grid;
+      gap: 1rem;
+    }
+
+    .wire-auth-form__options {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 1rem;
+      font-size: 0.7rem;
+    }
+
+    .wire-auth-form__options a {
+      color: var(--wire-color-primary);
+      text-decoration: none;
+    }
+
+    .wire-auth-form__submit {
+      width: 100%;
+      justify-content: center;
+    }
+  }
 }