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

Remove icons from page title bars and fix Features page issues

Browse Source 
- Remove icons from all page title sections in tab bars
- Fix double padding on mobile for Features page
- Fix drag state not resetting when Apply/Cancel pressed

🤖 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-18 23:07:04 +01:00
parent 3074f1685f
commit 6faeb3c975
15 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/pages/APIKeys.tsx
View File

@@ -94,7 +94,6 @@ export default function APIKeys() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">vpn_key</span>
<span className="page-title-text">{t.apiKeysPage.title}</span>
</div>
</div>

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

@@ -26,7 +26,6 @@ export default function AdminPanel({ initialTab = 'general' }: { initialTab?: Ta
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">admin_panel_settings</span>
<span className="page-title-text">{t.admin.panel}</span>
</div>
<div className="page-tabs-divider"></div>

1
frontend/src/pages/Dashboard.tsx
View File

@@ -13,7 +13,6 @@ export default function Dashboard() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">dashboard</span>
<span className="page-title-text">{t.dashboard.title}</span>
</div>
</div>

1
frontend/src/pages/Feature1.tsx
View File

@@ -14,7 +14,6 @@ export default function Feature1() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">playlist_play</span>
<span className="page-title-text">{t.feature1.title}</span>
</div>
</div>

1
frontend/src/pages/Feature2.tsx
View File

@@ -14,7 +14,6 @@ export default function Feature2() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">download</span>
<span className="page-title-text">{t.features.feature2}</span>
</div>
</div>

1
frontend/src/pages/Feature3.tsx
View File

@@ -14,7 +14,6 @@ export default function Feature3() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">cast</span>
<span className="page-title-text">{t.features.feature3}</span>
</div>
</div>

1
frontend/src/pages/Notifications.tsx
View File

@@ -100,7 +100,6 @@ export default function Notifications() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">notifications</span>
<span className="page-title-text">{t.notificationsPage.title}</span>
</div>
</div>

1
frontend/src/pages/Settings.tsx
View File

@@ -157,7 +157,6 @@ export default function Settings() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">settings</span>
<span className="page-title-text">{t.settings.title}</span>
</div>
</div>

1
frontend/src/pages/Users.tsx
View File

@@ -186,7 +186,6 @@ export default function Users() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">group</span>
<span className="page-title-text">{t.admin.userManagement}</span>
</div>
<button className="btn-primary add-user-btn" onClick={openCreateModal}>

1
frontend/src/pages/admin/Analytics.tsx
View File

@@ -51,7 +51,6 @@ export default function Analytics() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">analytics</span>
<span className="page-title-text">{t.analyticsPage.title}</span>
</div>
</div>

1
frontend/src/pages/admin/AuditLogs.tsx
View File

@@ -64,7 +64,6 @@ export default function AuditLogs() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">history</span>
<span className="page-title-text">{t.auditPage.title}</span>
</div>
</div>

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

@@ -245,12 +245,14 @@ export default function Features() {
} catch (error) {
console.error('Failed to save order:', error);
} finally {
setDraggedItem(null); // Reset drag state
isUserEditing.current = false;
setHasOrderChanges(false);
}
};
const handleCancelOrder = () => {
setDraggedItem(null); // Reset drag state
isUserEditing.current = false; // Done editing
setLocalOrder(moduleOrder);
// Reset positions from moduleStates
@@ -470,7 +472,6 @@ export default function Features() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">extension</span>
<span className="page-title-text">{t.featuresPage.title}</span>
</div>
<div className="page-tabs-divider"></div>

1
frontend/src/pages/admin/Settings.tsx
View File

@@ -65,7 +65,6 @@ export default function Settings() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">settings</span>
<span className="page-title-text">{t.settings.title}</span>
</div>
</div>

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

@@ -280,7 +280,6 @@ export default function ThemeSettings() {
<span className="material-symbols-outlined">menu</span>
</button>
<div className="page-title-section">
<span className="material-symbols-outlined">brush</span>
<span className="page-title-text">{t.theme.title}</span>
</div>
<div className="admin-tabs-divider"></div>

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

@@ -272,6 +272,12 @@ body {
width: 100%;
}
/* Remove double padding when theme-tab-content is nested inside admin-tab-content */
.admin-tab-content .theme-tab-content {
padding: 0;
max-width: none;
}
/* ========== RESPONSIVE DESIGN ========== */
/* Tablet - reduce padding */