jakelazaroff.com
a proof of concept realtime collaborative todo list
525 B
41 lines
1:root {
2 color-scheme: light dark;
3 font-family: system-ui, sans-serif;
4}
5
6body {
7 max-width: 640px;
8 margin: 2rem auto;
9 padding: 0 1rem;
10}
11
12form {
13 display: flex;
14 gap: 0.5rem;
15 margin-bottom: 1rem;
16}
17
18input {
19 flex: 1;
20 padding: 0.5rem;
21 font: inherit;
22}
23
24button {
25 padding: 0.5rem 1rem;
26 font: inherit;
27 cursor: pointer;
28}
29
30pre {
31 white-space: pre-wrap;
32 word-break: break-word;
33}
34
35.session {
36 display: flex;
37 align-items: center;
38 justify-content: space-between;
39 gap: 1rem;
40 margin-bottom: 1rem;
41}