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 48dbcec07..c88842bd0 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -375,3 +375,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 f2cf28bda..bbd6dba50 100644 --- a/frontend/src/pages/ArchivesPage.tsx +++ b/frontend/src/pages/ArchivesPage.tsx @@ -46,6 +46,7 @@ import { ChevronRight, Settings, User, + Play, } from 'lucide-react'; import { api } from '../api/client'; import { openInSlicer, type SlicerType } from '../utils/slicer'; @@ -687,7 +688,7 @@ function ArchiveCard({ {/* Duplicate badge */} {archive.duplicate_count > 0 && (
@@ -726,10 +727,21 @@ function ArchiveCard({ )} + {/* 3D preview badge */} + {/* Timelapse badge */} {archive.timelapse_path && ( +

{printerName}

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