mathias/rss-reader
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix break header

Browse Source
This commit is contained in:
mathias
2026-09-14 19:59:22 +02:00
parent a7cfd267c6
commit f31fccdd16
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vue/src/components/AppNav.vue
+10 -3
View File
@@ -238,7 +238,7 @@ function handleToggleLayout() {
.app-nav__wrapper { .app-nav__wrapper {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: nowrap;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 0.5rem; gap: 0.5rem;
@@ -246,7 +246,11 @@ function handleToggleLayout() {
} }
.app-nav__title { .app-nav__title {
margin-right: auto; flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold; font-weight: bold;
font-size: clamp(0.95rem, 3.5vw, 1.1rem); font-size: clamp(0.95rem, 3.5vw, 1.1rem);
} }
@@ -285,8 +289,10 @@ function handleToggleLayout() {
} }
.app-nav__filter { .app-nav__filter {
flex-shrink: 1;
min-width: 0;
min-height: 44px; min-height: 44px;
max-width: clamp(120px, 40vw, 220px); max-width: clamp(90px, 40vw, 220px);
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: 4px; border-radius: 4px;
@@ -305,6 +311,7 @@ function handleToggleLayout() {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0;
min-height: 44px; min-height: 44px;
min-width: 44px; min-width: 44px;
padding: 0.5rem; padding: 0.5rem;