Polish pass 11 — color tokens, text size consistency, overlay fix

- V4VHistory: text-amber-400 → text-zap on sats total
- V4VSettings: size status dot to text-[8px] for visual consistency
- Feed: last-updated timestamp text-[10px] → text-[11px] (matches siblings)
- NoteContent: +N overlay bg-black/50 → bg-bg/60, text-white → text-text,
  text-lg → text-[14px] (consistent with rest of file)
- RelaysView: last-checked timestamp text-[9px] → text-[10px]
This commit is contained in:
Jure
2026-04-09 19:47:19 +02:00
parent 9b3783b640
commit 63a0f05e92
5 changed files with 6 additions and 6 deletions
+1 -1
View File
@@ -172,7 +172,7 @@ export function Feed() {
</select>
<RelayStatusBadge />
{lastUpdated[tab] && (
<span className="text-text-dim text-[10px]">{timeAgo(lastUpdated[tab])}</span>
<span className="text-text-dim text-[11px]">{timeAgo(lastUpdated[tab])}</span>
)}
<button
onClick={() => {
+2 -2
View File
@@ -97,10 +97,10 @@ function ImageGrid({ images, onImageClick }: { images: string[]; onImageClick: (
/>
{idx === 3 && extraCount > 0 && (
<div
className="absolute inset-0 bg-black/50 flex items-center justify-center rounded-sm cursor-zoom-in"
className="absolute inset-0 bg-bg/60 flex items-center justify-center rounded-sm cursor-zoom-in"
onClick={(e) => { e.stopPropagation(); onImageClick(idx); }}
>
<span className="text-white text-lg font-semibold">+{extraCount}</span>
<span className="text-text text-[14px] font-semibold">+{extraCount}</span>
</div>
)}
</div>
+1 -1
View File
@@ -243,7 +243,7 @@ export function RelaysView() {
</div>
<div className="flex items-center gap-2">
{lastChecked && (
<span className="text-text-dim text-[9px]">
<span className="text-text-dim text-[10px]">
{new Date(lastChecked).toLocaleTimeString()}
</span>
)}
+1 -1
View File
@@ -22,7 +22,7 @@ function HistoryRow({ entry }: { entry: V4VHistoryEntry }) {
<div className="text-[10px] text-text-dim truncate">{entry.showTitle}</div>
</div>
<div className="shrink-0 text-right ml-3">
<div className="text-[12px] text-amber-400 font-medium">{totalSats} sats</div>
<div className="text-[12px] text-zap font-medium">{totalSats} sats</div>
<div className="text-[9px] text-text-dim">{formatDate(entry.timestamp)}</div>
</div>
</div>
+1 -1
View File
@@ -46,7 +46,7 @@ export function V4VSettings() {
</p>
{autoEnabled && (
<div className="mt-2 text-[10px] text-success flex items-center gap-1">
<span>&#9679;</span> Auto-streaming is active
<span className="text-[8px]">&#9679;</span> Auto-streaming is active
</div>
)}
</section>