fix window bar position on mobile layout

This commit is contained in:
jeffvli
2025-12-14 06:40:33 -08:00
parent 3f32e6cd2f
commit 48bba76c74
4 changed files with 37 additions and 6 deletions
+20 -2
View File
@@ -1,8 +1,14 @@
.window-bar {
grid-area: window-bar;
height: 30px;
}
.windows-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100vw;
width: 100%;
height: 100%;
background: var(--theme-colors-background);
border-bottom: 1px solid alpha(var(--theme-colors-border), 0.5);
-webkit-app-region: drag;
@@ -50,11 +56,23 @@
white-space: nowrap;
}
@media only screen and (width < 768px) {
.player-status-container {
max-width: calc(100vw - 150px);
padding-left: 0.5rem;
}
.windows-button-group {
width: 120px;
}
}
.macos-container {
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
width: 100%;
height: 100%;
background: var(--theme-colors-background);
border-bottom: 1px solid alpha(var(--theme-colors-border), 0.5);
-webkit-app-region: drag;