reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip: cross platform ui

Browse Source
This commit is contained in:
Ren Amamiya
2023-08-28 16:00:11 +07:00
parent 5a3207f878
commit c89e7e48ee
86 changed files with 376 additions and 416 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/shared/layouts/settings.tsx
View File

@@ -21,7 +21,9 @@ export function SettingsLayout() {
className={({ isActive }) =>
twMerge(
'flex h-9 items-center gap-2.5 rounded-md px-2.5',
isActive ? 'bg-white/10 text-white' : 'text-white/80'
isActive
? 'bg-white/10 text-white backdrop-blur-xl'
: 'text-white/80'
)
}
>
@@ -32,7 +34,9 @@ export function SettingsLayout() {
className={({ isActive }) =>
twMerge(
'flex h-9 items-center gap-2.5 rounded-md px-2.5',
isActive ? 'bg-white/10 text-white' : 'text-white/80'
isActive
? 'bg-white/10 text-white backdrop-blur-xl'
: 'text-white/80'
)
}
>
@@ -43,7 +47,9 @@ export function SettingsLayout() {
className={({ isActive }) =>
twMerge(
'flex h-9 items-center gap-2.5 rounded-md px-2.5',
isActive ? 'bg-white/10 text-white' : 'text-white/80'
isActive
? 'bg-white/10 text-white backdrop-blur-xl'
: 'text-white/80'
)
}
>
@@ -57,7 +63,7 @@ export function SettingsLayout() {
<LumeBar />
</div>
</div>
<div className="h-full w-full flex-1 bg-black/90">
<div className="h-full w-full flex-1 bg-black/90 backdrop-blur-xl">
<Outlet />
<ScrollRestoration
getKey={(location) => {