Atproto AMA app
1.bar {
2 position: sticky;
3 top: 0;
4 z-index: 50;
5 display: flex;
6 align-items: center;
7 justify-content: space-between;
8 gap: 1rem;
9 padding: 0.65rem 1.25rem;
10 background: var(--color-surface);
11 border-bottom: 1px solid var(--color-border);
12}
13
14.brand {
15 font-weight: 700;
16 font-size: 1.05rem;
17 color: var(--color-text);
18 text-decoration: none;
19}
20
21.brand:hover {
22 color: var(--color-primary);
23 text-decoration: none;
24}
25
26.right {
27 display: flex;
28 align-items: center;
29 gap: 0.85rem;
30 font-size: 0.9rem;
31}
32
33.handle {
34 color: var(--color-text-muted);
35 max-width: 200px;
36 overflow: hidden;
37 text-overflow: ellipsis;
38 white-space: nowrap;
39}
40
41.signOut {
42 color: var(--color-primary);
43 font-weight: 500;
44 text-decoration: none;
45}
46
47.signOut:hover {
48 text-decoration: underline;
49}