mirror of
https://github.com/hoornet/vega.git
synced 2026-06-13 16:33:29 -07:00
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:
@@ -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={() => {
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
)}
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -46,7 +46,7 @@ export function V4VSettings() {
|
||||
</p>
|
||||
{autoEnabled && (
|
||||
<div className="mt-2 text-[10px] text-success flex items-center gap-1">
|
||||
<span>●</span> Auto-streaming is active
|
||||
<span className="text-[8px]">●</span> Auto-streaming is active
|
||||
</div>
|
||||
)}
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user