Refine admin PWA layout and tamagui usage
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user