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

2026-08-16 00:27:53 +07:00
parent 8035093ae5
commit c115c3cb4b
3 changed files with 24 additions and 3 deletions
@@ -188,7 +188,9 @@ function QuickLink({
 style={{ flex: 1, alignItems: "center", paddingVertical: spacing.sm }}
 >
      <Body>{glyph}</Body>
-      <Small>{label}</Small>
+      <Small numberOfLines={1} adjustsFontSizeToFit style={{ textAlign: "center" }}>
+ {label}
+ </Small>
    </Card>
  );
 }
@@ -61,6 +61,7 @@ export default function RootLayout() {
            headerShadowVisible: false,
            headerBackTitle: t("common.back"),
            contentStyle: { backgroundColor: colors.background },
+ fullScreenGestureEnabled: true,
          }}
        >
          <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
@@ -55,8 +55,26 @@ export function Heading({ children }: { children: ReactNode }) {
 export function Body({ children, muted = false }: { children: ReactNode; muted?: boolean }) {
  return <Text style={[typography.body, muted && { color: colors.textMuted }]}>{children}</Text>;
 }
-export function Small({ children, style }: { children: ReactNode; style?: StyleProp<TextStyle> }) {
-  return <Text style={[typography.small, style]}>{children}</Text>;
+export function Small({
+  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({