ADD: Pricing charts layout

Finished Pricing Charts
2025-05-28 06:30:44 +02:00 · 2025-05-28 06:30:44 +02:00 · a1a711b015
commit a1a711b015
parent 84a295f011
7 changed files with 300 additions and 97 deletions
--- a/app/assets/css/spoiler.css
+++ b/app/assets/css/spoiler.css
@ -0,0 +1,34 @@
+.Spoiler {
+    background: var(--color-black);
+    padding: 1rem 2rem;
+    border-radius: 20px;
+
+    & .icon {
+        color: var(--color-orange);
+    }
+
+    & summary {
+        font-size: 1.5rem;
+        cursor: pointer;
+        list-style: none;
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        font-weight: bold;
+    }
+
+    & > div {
+        margin-top: 1rem;
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+    }
+}
+
+@media (width <= 820px) {
+    .Spoiler {
+        & summary {
+            font-size: 1rem;
+        }
+    }
+}