atproto pds in zig
pds.zat.dev
pds
atproto
soften landing header
+3
-6
+3
-6
src/http/landing/assets.zig
+3
-6
src/http/landing/assets.zig
···
46
46
\\a:focus-visible, button:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
47
47
\\.shell { width: min(100%, 780px); margin: 0 auto; padding: 18px 16px 34px; }
48
48
\\header {
49
-
\\ position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; gap: 12px;
50
-
\\ min-height: 50px; margin: -18px 0 26px; padding: 8px 0;
51
-
\\ background: linear-gradient(180deg, color-mix(in srgb, var(--bg) 82%, transparent), color-mix(in srgb, var(--bg) 58%, transparent) 72%, transparent);
52
-
\\ backdrop-filter: blur(14px);
53
-
\\ -webkit-backdrop-filter: blur(14px);
49
+
\\ position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center; gap: 12px;
50
+
\\ min-height: 50px; margin: 0 0 26px; padding: 8px 0;
51
+
\\ background: transparent;
54
52
\\ color: var(--muted); font-size: 12px;
55
53
\\}
56
54
\\.brand { flex: 0 0 auto; display: inline-flex; align-items: center; color: var(--text); text-decoration: none; font-weight: 700; font-size: 14px; letter-spacing: 0; }
···
180
178
\\.client span:last-child { white-space: nowrap; }
181
179
\\@media (min-width: 680px) {
182
180
\\ .shell { padding-top: 24px; }
183
-
\\ header { margin-top: -24px; }
184
181
\\ nav { gap: 8px; }
185
182
\\ .pulse-link, .pulse-cid { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: normal; }
186
183
\\ .grid { grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr); align-items: start; }