Polish shell transitions and dark theme behavior

This commit is contained in:
Ashwin Kumar 2026-03-30 04:52:10 +02:00
parent 8ed523d80c
commit 24353ef27a
2 changed files with 4 additions and 5 deletions

View file

@ -3,8 +3,8 @@
"configurations": [ "configurations": [
{ {
"name": "admin-solid", "name": "admin-solid",
"runtimeExecutable": "sh", "runtimeExecutable": "npm",
"runtimeArgs": ["-c", "cd /Users/ashwin/workspace/nxtgauge-admin-solid && npm run dev -- --port 3000"], "runtimeArgs": ["run", "dev"],
"port": 3000 "port": 3000
} }
] ]

View file

@ -610,9 +610,8 @@ export default function AdminShell(props: { children: JSX.Element }) {
width: '100%', width: '100%',
padding: '28px 24px 36px 24px', padding: '28px 24px 36px 24px',
filter: isDark() ? 'brightness(0.96)' : 'none', filter: isDark() ? 'brightness(0.96)' : 'none',
transition: 'opacity 180ms ease, transform 180ms ease', transition: 'opacity 150ms ease',
opacity: routeTransitioning() ? '0.94' : '1', opacity: routeTransitioning() ? '0.92' : '1',
transform: routeTransitioning() ? 'translateY(4px)' : 'translateY(0)',
}} }}
> >
{props.children} {props.children}