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

Fix mobile tab header and swipe behavior

Browse Source
This commit is contained in:
matteoscrugli
2025-12-22 21:01:33 +01:00
parent 1f52680721
commit a1ae2a53a6
6 changed files with 38 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pages/AdminPanel.tsx
View File

@@ -25,7 +25,7 @@ export default function AdminPanel({ initialTab = 'general' }: { initialTab?: Ta
return (
<main className="main-content admin-panel-root">
<div className="page-tabs-container">
<TabsScroller className="page-tabs-slider">
<TabsScroller className="page-tabs-slider" showArrows>
<button className="mobile-menu-btn" onClick={toggleMobileMenu} aria-label={t.theme.toggleMenu}>
<span className="material-symbols-outlined">menu</span>
</button>

2
frontend/src/pages/admin/Features.tsx
View File

@@ -744,7 +744,7 @@ export default function Features() {
return (
<main className="main-content admin-panel-root">
<div className="page-tabs-container">
<TabsScroller className="page-tabs-slider" ref={tabsContainerRef}>
<TabsScroller className="page-tabs-slider" ref={tabsContainerRef} showArrows>
<button className="mobile-menu-btn" onClick={toggleMobileMenu} aria-label={t.theme.toggleMenu}>
<span className="material-symbols-outlined">menu</span>
</button>

2
frontend/src/pages/admin/ThemeSettings.tsx
View File

@@ -661,7 +661,7 @@ export default function ThemeSettings() {
)}
{/* Modern Tab Navigation */}
<div className="page-tabs-container">
<TabsScroller className="page-tabs-slider">
<TabsScroller className="page-tabs-slider" showArrows>
<button className="mobile-menu-btn" onClick={toggleMobileMenu} aria-label={t.theme.toggleMenu}>
<span className="material-symbols-outlined">menu</span>
</button>