platform-admin/Cibello-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): enradiga snabblänks-etiketter + svep-tillbaka på hela sidan (UX-2)

Browse Source
This commit is contained in:
Sven (AAMOS AI)
2026-08-16 00:27:53 +07:00
parent 8035093ae5
commit c115c3cb4b
3 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/mobile/src/app/(tabs)/home.tsx
+3 -1
View File
@@ -188,7 +188,9 @@ function QuickLink({
style={{ flex: 1, alignItems: "center", paddingVertical: spacing.sm }} style={{ flex: 1, alignItems: "center", paddingVertical: spacing.sm }}
> >
<Body>{glyph}</Body> <Body>{glyph}</Body>
<Small>{label}</Small> <Small numberOfLines={1} adjustsFontSizeToFit style={{ textAlign: "center" }}>
{label}
</Small>
</Card> </Card>
); );
} }
apps/mobile/src/app/_layout.tsx
+1
View File
@@ -61,6 +61,7 @@ export default function RootLayout() {
headerShadowVisible: false, headerShadowVisible: false,
headerBackTitle: t("common.back"), headerBackTitle: t("common.back"),
contentStyle: { backgroundColor: colors.background }, contentStyle: { backgroundColor: colors.background },
fullScreenGestureEnabled: true,
}} }}
> >
<Stack.Screen name="(tabs)" options={{ headerShown: false }} /> <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
apps/mobile/src/components/ui.tsx
+20 -2
View File
@@ -55,8 +55,26 @@ export function Heading({ children }: { children: ReactNode }) {
export function Body({ children, muted = false }: { children: ReactNode; muted?: boolean }) { export function Body({ children, muted = false }: { children: ReactNode; muted?: boolean }) {
return <Text style={[typography.body, muted && { color: colors.textMuted }]}>{children}</Text>; return <Text style={[typography.body, muted && { color: colors.textMuted }]}>{children}</Text>;
} }
export function Small({ children, style }: { children: ReactNode; style?: StyleProp<TextStyle> }) { export function Small({
return <Text style={[typography.small, style]}>{children}</Text>; children,
style,
numberOfLines,
adjustsFontSizeToFit,
}: {
children: ReactNode;
style?: StyleProp<TextStyle>;
numberOfLines?: number;
adjustsFontSizeToFit?: boolean;
}) {
return (
<Text
style={[typography.small, style]}
numberOfLines={numberOfLines}
adjustsFontSizeToFit={adjustsFontSizeToFit}
>
{children}
</Text>
);
} }
export function Card({ export function Card({