feat: show room messages

1 files changed, 33 insertions, 11 deletions

diff --git a/web/static/style.css b/web/static/style.css
index 47bf506..a84bdc6 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -1,6 +1,7 @@
 :root {
     --primary-color: #e2e9d9;
-    --calendar-border: black;
+    --table-border: #a8a8a8;
+    --message-alt-background: #eeeeee;
 }
 
 * {
@@ -8,6 +9,10 @@
     padding: 0;
 }
 
+body {
+    padding: 8px;
+}
+
 .calendar-wrapper {
     display: flex;
     flex-direction: row;
@@ -15,31 +20,48 @@
     gap: 16px;
 }
 
-.calendar {
-    border: var(--calendar-border) solid 1px;
+table {
+    border: var(--table-border) solid 1px;
     border-spacing: 0;
 }
 
-.calendar>caption {
-    border: var(--calendar-border) solid 1px;
+table caption {
+    border: var(--table-border) solid 1px;
     border-bottom: none;
     background: var(--primary-color);
 }
 
-.calendar td,
-.calendar th {
-    border: var(--calendar-border) solid 1px;
+table td,
+table th {
+    border: var(--table-border) solid 1px;
     border-left: unset;
     border-top: unset;
     padding: 2px;
+}
+
+table.calendar td,
+table.calendar th {
     text-align: center;
 }
 
-.calendar td:last-child,
-.calendar th:last-child {
+table td:last-child,
+table th:last-child {
     border-right: unset;
 }
 
-.calendar tr:last-child td {
+table tr:last-child td {
     border-bottom: unset;
+}
+
+.message {
+    font-size: 16px;
+    font-family: monospace;
+}
+
+.message:nth-child(even) {
+    background: var(--message-alt-background);
+}
+
+.message .nick {
+    text-align: right;
 }
\ No newline at end of file