Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(apps): make the instance family bar a full-width row

Browse Source 
The app-detail header is a flex row, so the switcher rendered inline to the
right of the service buttons. Wrap the detail header and make the bar span
100% so it sits under the title/service buttons, above the tab strip, as
intended.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Signed-off-by: librelad <librelad@digitalangels.vip>
This commit is contained in:
librelad 2026-06-05 00:21:02 +01:00
parent 16dd146710
commit 2188a99787
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
containers/libreportal/frontend/components/apps/core/css/apps.css
View File

@ -450,8 +450,12 @@
font-weight: 600; font-weight: 600;
} }
/* Family switcher bar — sits under the app title, above the tab strip. */ /* Family switcher bar — full-width row under the title/service buttons. The
app-detail header is a flex row, so wrap it and make the bar span 100%. */
#app-detail-view .app-header { flex-wrap: wrap; }
.instance-family-bar { .instance-family-bar {
flex: 0 0 100%;
width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 12px; gap: 12px;