mirror of
https://github.com/antebudimir/feishin.git
synced 2025-12-31 10:03:33 +00:00
Ante Budimir
bf5e7bc774
- Add configurable shimmer and scanline visual effects with toggle settings - Introduce starred albums and tracks sections to home screen - Add flashback feature for album recommendations by decades - Enhance home screen with increased item limits (30) - Update default color scheme to orange-based theme - Implement Backspace/Delete key functionality for removing songs from queue in fullscreen mode
46 lines
949 B
CSS
46 lines
949 B
CSS
.container {
|
|
width: 100vw;
|
|
height: 100%;
|
|
background: linear-gradient(
|
|
180deg,
|
|
var(--theme-colors-background) 0%,
|
|
rgb(2 26 26 / 95%) 100%
|
|
);
|
|
border-top: 2px solid var(--theme-orange-transparent-40);
|
|
box-shadow: 0 -4px 12px var(--theme-orange-transparent-15);
|
|
}
|
|
|
|
.controls-grid {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
|
|
gap: 1rem;
|
|
height: 100%;
|
|
|
|
@media (width < 768px) {
|
|
grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr) minmax(0, 0.5fr);
|
|
}
|
|
}
|
|
|
|
.right-grid-item {
|
|
align-self: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.left-grid-item {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.center-grid-item {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|