Polish shell transitions and dark theme behavior
This commit is contained in:
parent
8ed523d80c
commit
24353ef27a
2 changed files with 4 additions and 5 deletions
|
|
@ -3,8 +3,8 @@
|
|||
"configurations": [
|
||||
{
|
||||
"name": "admin-solid",
|
||||
"runtimeExecutable": "sh",
|
||||
"runtimeArgs": ["-c", "cd /Users/ashwin/workspace/nxtgauge-admin-solid && npm run dev -- --port 3000"],
|
||||
"runtimeExecutable": "npm",
|
||||
"runtimeArgs": ["run", "dev"],
|
||||
"port": 3000
|
||||
}
|
||||
]
|
||||
|
|
|
|||
|
|
@ -610,9 +610,8 @@ export default function AdminShell(props: { children: JSX.Element }) {
|
|||
width: '100%',
|
||||
padding: '28px 24px 36px 24px',
|
||||
filter: isDark() ? 'brightness(0.96)' : 'none',
|
||||
transition: 'opacity 180ms ease, transform 180ms ease',
|
||||
opacity: routeTransitioning() ? '0.94' : '1',
|
||||
transform: routeTransitioning() ? 'translateY(4px)' : 'translateY(0)',
|
||||
transition: 'opacity 150ms ease',
|
||||
opacity: routeTransitioning() ? '0.92' : '1',
|
||||
}}
|
||||
>
|
||||
{props.children}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue