LeoVasanko/calendar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shrink header by removing gaps on small screens.

Browse Source
This commit is contained in:
Leo Vasanko
2025-09-24 16:57:08 -06:00
parent a0b140d54b
commit ade17b80b1
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/HeaderControls.vue
View File

@@ -211,6 +211,9 @@ onBeforeUnmount(() => {
gap: 1rem; gap: 1rem;
} }
@media (max-width: 600px) {
.header-controls { gap: 0.1rem; }
}
/* Group search + spacer so outer gap doesn't create unwanted space */ /* Group search + spacer so outer gap doesn't create unwanted space */
.search-with-spacer { .search-with-spacer {
display: flex; display: flex;