gitadmin/INSIGHT-MVP
1
0
Fork 0
mirror of http://172.20.10.11:3000/gitadmin/INSIGHT-MVP.git synced 2026-06-24 23:06:38 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: move theme toggle below profile section in sidebar

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Thomas Reitz 2026-03-10 12:16:24 +01:00
parent 3bedda2b9d
commit ca3938a933
1 changed files with 35 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
packages/frontend/src/shell/AppLayout.tsx
View file

@ -331,41 +331,6 @@ export function AppLayout() {
</div>
)}
{/* Theme Toggle */}
<div className={styles.themeToggle}>
{collapsed ? (
<button
className={styles.themeBtn}
onClick={() => {
const next =
mode === 'light'
? 'dark'
: mode === 'dark'
? 'system'
: 'light';
setMode(next);
}}
title={`Theme: ${THEME_OPTIONS.find((o) => o.value === mode)?.label}`}
>
{THEME_OPTIONS.find((o) => o.value === mode)?.icon}
</button>
) : (
<div className={styles.themeBtnGroup}>
{THEME_OPTIONS.map((opt) => (
<button
key={opt.value}
className={`${styles.themeOption} ${mode === opt.value ? styles.themeOptionActive : ''}`}
onClick={() => setMode(opt.value)}
title={opt.label}
>
<span className={styles.themeIcon}>{opt.icon}</span>
{opt.label}
</button>
))}
</div>
)}
</div>
<div className={styles.userInfo}>
{collapsed ? (
<div
@ -419,6 +384,41 @@ export function AppLayout() {
</>
)}
</div>
{/* Theme Toggle (unter dem Profil) */}
<div className={styles.themeToggle}>
{collapsed ? (
<button
className={styles.themeBtn}
onClick={() => {
const next =
mode === 'light'
? 'dark'
: mode === 'dark'
? 'system'
: 'light';
setMode(next);
}}
title={`Theme: ${THEME_OPTIONS.find((o) => o.value === mode)?.label}`}
>
{THEME_OPTIONS.find((o) => o.value === mode)?.icon}
</button>
) : (
<div className={styles.themeBtnGroup}>
{THEME_OPTIONS.map((opt) => (
<button
key={opt.value}
className={`${styles.themeOption} ${mode === opt.value ? styles.themeOptionActive : ''}`}
onClick={() => setMode(opt.value)}
title={opt.label}
>
<span className={styles.themeIcon}>{opt.icon}</span>
{opt.label}
</button>
))}
</div>
)}
</div>
</aside>
{/* Main Content */}