social components
inlay.at
atproto
components
sdui
1.root {
2 font-family:
3 "Rubik",
4 -apple-system,
5 sans-serif;
6 margin-left: auto;
7 flex-shrink: 0;
8 display: flex;
9 align-items: center;
10}
11
12.trigger {
13 width: 32px;
14 height: 32px;
15 border-radius: 50%;
16 border: 1px solid var(--border-8);
17 background: var(--bg-1);
18 cursor: pointer;
19 display: flex;
20 align-items: center;
21 justify-content: center;
22 padding: 0;
23 overflow: hidden;
24 transition: opacity 0.1s;
25}
26.trigger:hover {
27 opacity: 0.8;
28}
29
30.avatar {
31 width: 100%;
32 height: 100%;
33 object-fit: cover;
34}
35
36.initial {
37 font-size: 13px;
38 font-weight: 600;
39 color: var(--fg-1);
40}