Add UX enhancements: carousel, filter chips, command palette, and more
This commit is contained in:
@@ -36,7 +36,7 @@
|
||||
<choice value='recently-added'/>
|
||||
<choice value='size'/>
|
||||
</choices>
|
||||
<default>'name'</default>
|
||||
<default>'recently-added'</default>
|
||||
<summary>Library sort mode</summary>
|
||||
<description>How to sort the library: name, recently-added, or size.</description>
|
||||
</key>
|
||||
|
||||
@@ -364,3 +364,28 @@ window.lightbox .lightbox-nav {
|
||||
.stat-card image {
|
||||
opacity: 0.55;
|
||||
}
|
||||
|
||||
/* ===== Catalog Row (compact list view) ===== */
|
||||
.catalog-row {
|
||||
border: 1px solid alpha(@window_fg_color, 0.08);
|
||||
border-radius: 8px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.catalog-row:hover {
|
||||
border-color: alpha(@accent_bg_color, 0.4);
|
||||
}
|
||||
|
||||
/* ===== Skeleton Loading Placeholder ===== */
|
||||
.skeleton-card {
|
||||
background: alpha(@card_bg_color, 0.5);
|
||||
border-radius: 12px;
|
||||
min-height: 180px;
|
||||
min-width: 140px;
|
||||
animation: skeleton-pulse 1.5s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes skeleton-pulse {
|
||||
0%, 100% { opacity: 0.4; }
|
||||
50% { opacity: 0.7; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user