Loading...
}
- return rooms.map((room, i) => (
-
-
-
{room.id}
-
-
-
+ return (
+
+ {rooms.map((room, i) => (
+
+
+
{room.id}
+
+
+
+
+ ))}
- ))
+ )
}
diff --git a/src/pages/[room]/index.astro b/src/pages/[room]/index.astro
index 7058d31..916ad20 100644
--- a/src/pages/[room]/index.astro
+++ b/src/pages/[room]/index.astro
@@ -9,6 +9,6 @@ if (!room) {
---
-
{room}
+
diff --git a/src/styles.css b/src/styles.css
index 97ec932..9672c56 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -41,8 +41,8 @@ body {
justify-items: center;
align-content: start;
- padding: 6rem 1rem 12rem;
- gap: 1rem;
+ padding: 3rem 1rem 12rem;
+ gap: 3rem;
}
/* Typography */
@@ -347,7 +347,8 @@ button {
} */
- padding: 0.5rem 0.25rem;
+ /* padding: 0.5rem 0.25rem; */
+ padding: 0 0.25rem;
text-align: center;
font-size: 22px;
@@ -415,7 +416,8 @@ button {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
- padding: 0.25rem 0.5rem;
+ /* padding: 0.25rem 0.5rem; */
+ padding: 0rem 0.5rem;
gap: 1rem;
color: #fff;
@@ -431,6 +433,9 @@ button {
> .score {
grid-area: 1 / 2;
font-size: 16px;
+
+ display: grid;
+ place-content: center;
}
}