matteoscrugli/app-service
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make tab bar sticky when at top position

Browse Source 
Add position: sticky, top: 0, z-index and background to tab container
so it stays visible while scrolling (bottom position already uses fixed)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
matteoscrugli
2025-12-23 23:35:59 +01:00
parent 7ca882879b
commit 06e354e8ec
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/styles/Layout.css
View File

@@ -35,6 +35,10 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 0.75rem; padding: 0.75rem;
position: sticky;
top: 0;
z-index: 100;
background: var(--color-bg-main);
} }
/* Ensure no extra margin from body */ /* Ensure no extra margin from body */