diff --git a/frontend/src/components/CalendarView.tsx b/frontend/src/components/CalendarView.tsx index ef2f374bb..f780537b6 100644 --- a/frontend/src/components/CalendarView.tsx +++ b/frontend/src/components/CalendarView.tsx @@ -226,7 +226,7 @@ export function CalendarView({ archives, onArchiveClick, highlightedArchiveId }: })} {selectedArchives.length > 0 ? ( -
+
{selectedArchives.map(archive => { const isHighlighted = archive.id === selectedArchiveId || archive.id === highlightedArchiveId; return ( diff --git a/frontend/src/index.css b/frontend/src/index.css index 6ddd5ffe7..6d468a0f1 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -391,3 +391,27 @@ body { .card-shadow { box-shadow: var(--card-shadow); } + +/* Calendar selected-day list scrollbar theming */ +.calendar-scroll { + scrollbar-width: thin; + scrollbar-color: color-mix(in srgb, var(--text-muted) 60%, transparent) transparent; +} + +.calendar-scroll::-webkit-scrollbar { + width: 8px; +} + +.calendar-scroll::-webkit-scrollbar-track { + background: transparent; +} + +.calendar-scroll::-webkit-scrollbar-thumb { + background-color: color-mix(in srgb, var(--text-muted) 60%, transparent); + border-radius: 999px; + border: 2px solid color-mix(in srgb, var(--bg-secondary) 70%, transparent); +} + +.calendar-scroll::-webkit-scrollbar-thumb:hover { + background-color: color-mix(in srgb, var(--text-muted) 80%, transparent); +} diff --git a/frontend/src/pages/ArchivesPage.tsx b/frontend/src/pages/ArchivesPage.tsx index 012f4526d..bd2b0334c 100644 --- a/frontend/src/pages/ArchivesPage.tsx +++ b/frontend/src/pages/ArchivesPage.tsx @@ -46,6 +46,7 @@ import { ChevronRight, Settings, User, + Play, ClipboardList, } from 'lucide-react'; import { api } from '../api/client'; @@ -683,7 +684,7 @@ function ArchiveCard({ {/* Duplicate badge */} {archive.duplicate_count > 0 && (
@@ -722,10 +723,21 @@ function ArchiveCard({ )} + {/* 3D preview badge */} + {/* Timelapse badge */} {archive.timelapse_path && ( +

{printerName}

{/* File type badge */} @@ -989,15 +1013,6 @@ function ArchiveCard({ > - - + )}