feat: add design system

2026-03-12 00:42:41 +02:00
parent fcb8dab8a0
commit 55bf63e215
93 changed files with 1647 additions and 86 deletions
--- a/src/components/form/SwitchInput/SwitchInput.module.css
+++ b/src/components/form/SwitchInput/SwitchInput.module.css
@@ -0,0 +1,51 @@
+@layer base {
+  .container {
+    padding: 2px;
+    display: flex;
+    border-radius: 9999px;
+    width: 80px;
+    height: 30px;
+  }
+
+  .optionsContainer {
+    position: relative;
+    display: flex;
+    overflow: hidden;
+    border-radius: 9999px;
+  }
+
+  .options {
+    display: flex;
+    width: 100%;
+    flex: 1;
+    gap: 0;
+    z-index: 1;
+  }
+
+  .option {
+    flex: 1;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 6px 4px;
+    color: #fbe6be;
+    font-size: 18px;
+    line-height: 18px;
+    font-weight: 700;
+    position: relative;
+    z-index: 1;
+    transition: color 0.2s ease;
+  }
+
+  .selected {
+    color: #4b2c13;
+  }
+
+  .thumb {
+    position: absolute;
+    top: 0;
+    height: 100%;
+    border-radius: 9999px;
+    z-index: 0;
+  }
+}