inset the playerbar

This commit is contained in:
jeffvli
2026-04-04 13:21:22 -07:00
parent 2fbd3ab02d
commit 231b6f3865
5 changed files with 44 additions and 23 deletions
@@ -1,6 +1,21 @@
.container {
.wrapper {
z-index: 200;
box-sizing: border-box;
display: flex;
grid-area: player;
height: 100%;
padding: 0 var(--theme-spacing-md) var(--theme-spacing-md);
background: var(--theme-colors-background);
}
.bar {
display: flex;
flex: 1;
width: 100%;
min-height: 0;
overflow: hidden;
border-radius: var(--theme-radius-lg);
transition: background 0.5s;
@mixin light {
background: darken(var(--theme-colors-background), 5%);
@@ -9,12 +24,8 @@
@mixin dark {
background: darken(var(--theme-colors-background), 10%);
}
transition: background 0.5s;
}
.open-drawer {
&:hover {
background: darken(var(--theme-colors-background), 20%);
}
.open-drawer .bar:hover {
background: darken(var(--theme-colors-background), 20%);
}