zzstoatzz.io
interactive intro to open social
at-me.zzstoatzz.io
fix: add missing CSS for PDS sidebar stats and ownership boxes
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
+73
src/view/detail.css
+73
src/view/detail.css
···
357
357
color: var(--text-light);
358
358
font-size: 0.7rem;
359
359
}
360
+
361
+
.stats-box {
362
+
display: flex;
363
+
gap: 1.5rem;
364
+
margin: 1.5rem 0;
365
+
padding: 1rem;
366
+
background: var(--bg);
367
+
border-radius: 4px;
368
+
border: 1px solid var(--border);
369
+
}
370
+
371
+
.stat {
372
+
flex: 1;
373
+
text-align: center;
374
+
}
375
+
376
+
.stat-value {
377
+
font-size: 1.8rem;
378
+
font-weight: 600;
379
+
color: var(--text);
380
+
margin-bottom: 0.25rem;
381
+
}
382
+
383
+
.stat-label {
384
+
font-size: 0.65rem;
385
+
color: var(--text-light);
386
+
text-transform: uppercase;
387
+
letter-spacing: 0.05em;
388
+
}
389
+
390
+
.ownership-box {
391
+
margin: 1rem 0;
392
+
padding: 1rem;
393
+
background: var(--bg);
394
+
border-radius: 4px;
395
+
border: 1px solid var(--border);
396
+
}
397
+
398
+
.ownership-box.yours {
399
+
background: rgba(76, 175, 80, 0.05);
400
+
border-color: rgba(76, 175, 80, 0.3);
401
+
}
402
+
403
+
@media (prefers-color-scheme: dark) {
404
+
.ownership-box.yours {
405
+
background: rgba(76, 175, 80, 0.08);
406
+
border-color: rgba(76, 175, 80, 0.4);
407
+
}
408
+
}
409
+
410
+
.ownership-header {
411
+
font-size: 0.7rem;
412
+
font-weight: 600;
413
+
color: var(--text);
414
+
margin-bottom: 0.5rem;
415
+
text-transform: uppercase;
416
+
letter-spacing: 0.05em;
417
+
}
418
+
419
+
.ownership-text {
420
+
font-size: 0.7rem;
421
+
color: var(--text-lighter);
422
+
line-height: 1.5;
423
+
}
424
+
425
+
.ownership-text strong {
426
+
color: var(--text);
427
+
}
428
+
429
+
.ownership-text a {
430
+
color: var(--text);
431
+
text-decoration: underline;
432
+
}