Refine admin PWA layout and tamagui usage

This commit is contained in:
Codex Agent
2026-01-15 22:24:10 +01:00
parent 8941860140
commit c533d43c0f
37 changed files with 51503 additions and 21989 deletions

View File

@@ -17,11 +17,12 @@ type MobileScaffoldProps = {
export function MobileScaffold({ title, onBack, rightSlot, children, footer }: MobileScaffoldProps) {
const { t } = useTranslation('mobile');
const { background, surface, border, text, primary } = useAdminTheme();
const headerSurface = withAlpha(surface, 0.94);
const { background, surface, border, text, primary, glassSurfaceStrong, glassBorder, appBackground } = useAdminTheme();
const headerSurface = glassSurfaceStrong ?? withAlpha(surface, 0.94);
const headerBorder = glassBorder ?? border;
return (
<YStack backgroundColor={background} minHeight="100vh">
<YStack backgroundColor={background} minHeight="100vh" style={{ background: appBackground }}>
<XStack
alignItems="center"
justifyContent="space-between"
@@ -30,7 +31,7 @@ export function MobileScaffold({ title, onBack, rightSlot, children, footer }: M
paddingBottom="$3"
backgroundColor={headerSurface}
borderBottomWidth={1}
borderColor={border}
borderColor={headerBorder}
position="sticky"
top={0}
zIndex={60}