start normal disign

2024-11-06 11:49:14 +04:00
parent bd9b192656
commit 244aed205b
20 changed files with 225 additions and 72 deletions
--- a/src/shared/components/expander/styles.module.scss
+++ b/src/shared/components/expander/styles.module.scss
@@ -0,0 +1,41 @@
+@use '../../assets/styles/fonts' as fonts;
+@use '../../assets/styles/theme' as theme;
+
+.expander {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    background-color: var(--primary-white);
+    border: 2px solid var(--primary-white);
+    border-radius: 16px;
+    padding: 16px;
+    transition: 0.3s ease;
+    @include theme.shadows();
+
+    &:hover { @include theme.hoverBorder(); }
+
+    .header {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+
+        .title {
+            @include fonts.urbanist-font(26px, 600);
+        }
+    }
+
+    .contentExpanded {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        filter: opacity(1);
+        height: auto;
+    }
+
+    .contentCollapsed {
+        display: none;
+        filter: opacity(0);
+        height: 0;
+    }
+}