Created the InfoArea styles.sass

2023-06-09 02:22:49 +02:00 · 2023-06-09 02:22:49 +02:00 · d101ce31d2
commit d101ce31d2
parent 2196e520b7
1 changed files with 40 additions and 0 deletions
--- a/webui/src/pages/GameCreation/components/InfoArea/styles.sass
+++ b/webui/src/pages/GameCreation/components/InfoArea/styles.sass
@ -0,0 +1,40 @@
+@import "@/common/styles/colors"
+
+.info-area
+  h1
+    margin: 0
+    font-size: 42pt
+    color: $white
+
+  .info-subtext
+    margin: 0
+    font-size: 16pt
+    color: $white
+    font-weight: 700
+
+.member-area
+  margin-top: 2rem
+  display: flex
+  flex-direction: column
+
+  .member-title
+    display: flex
+    gap: 1rem
+    align-items: center
+
+    svg
+      font-size: 16pt
+      color: $white
+
+    p
+      margin: 0
+      font-size: 18pt
+      font-weight: 700
+      color: $white
+
+  .member-grid
+    max-width: 30rem
+    margin-top: 1rem
+    display: grid
+    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr))
+    gap: 1.5rem