social components
inlay.at
atproto
components
sdui
1.newView {
2 display: flex;
3 align-items: center;
4 justify-content: center;
5 gap: 6px;
6 padding: 10px 12px;
7 font-size: 12px;
8 text-decoration: none;
9 flex-shrink: 0;
10 margin: 4px 8px 10px;
11 background: var(--accent);
12 color: var(--accent-fg);
13 border: none;
14 border-radius: 10px;
15 font-weight: 600;
16 transition: opacity 0.12s;
17 position: sticky;
18 bottom: 0;
19 z-index: 1;
20 box-shadow: 0 -12px 16px var(--bg-1);
21}
22.newView:hover {
23 opacity: 0.88;
24}