social components
inlay.at
atproto
components
sdui
1.root {
2 display: flex;
3 flex-direction: column;
4 flex: 1;
5 height: 100%;
6 min-width: 0;
7}
8.top {
9 position: relative;
10 flex-shrink: 0;
11}
12.body {
13 display: flex;
14 flex: 1;
15 min-width: 0;
16 min-height: 0;
17}
18.sidebar {
19 width: 240px;
20 min-width: 240px;
21 border-right: 1px solid var(--border-8);
22 background: var(--bg-1);
23 display: flex;
24 flex-direction: column;
25 overflow: hidden;
26}
27.center {
28 width: 480px;
29 min-width: 320px;
30 flex-shrink: 1;
31 display: flex;
32 flex-direction: column;
33 background: var(--bg-1);
34}
35.preview {
36 flex: 1;
37 min-width: 280px;
38 border-left: 1px solid var(--border-8);
39 background: var(--bg-0);
40 display: flex;
41 flex-direction: column;
42 position: relative;
43}