Background fixes & improvements

2026-07-14 19:52:55 +02:00
parent 58c1fb5bb6
commit ff387e3d20
7 changed files with 45 additions and 6 deletions
@@ -50,6 +50,7 @@ function RootLayoutInner() {
          headerStyle: { backgroundColor: colors.card },
          headerTintColor: colors.primary,
          headerTitleStyle: { color: colors.text, fontWeight: '600' },
+          contentStyle: { backgroundColor: 'transparent' },
        }}
      >
        <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
@@ -99,7 +100,7 @@ function ThemedBackground({ children }: { children: React.ReactNode }) {
        resizeMode="cover"
      />
      <View style={[styles.overlay, isDark && styles.overlayDark]} pointerEvents="none" />
-      <View style={styles.content}>
+      <View style={styles.content} pointerEvents="auto">
        {children}
      </View>
    </View>
@@ -127,17 +128,30 @@ const styles = StyleSheet.create({
    flex: 1,
  },
  bgImage: {
-    ...StyleSheet.absoluteFillObject,
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+    width: '100%',
+    height: '100%',
    opacity: 0.55,
+    zIndex: 0,
  },
  overlay: {
-    ...StyleSheet.absoluteFillObject,
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
    backgroundColor: 'rgba(255, 252, 245, 0.48)',
+    zIndex: 1,
  },
  overlayDark: {
    backgroundColor: 'rgba(0, 0, 0, 0.25)',
  },
  content: {
    flex: 1,
+    zIndex: 2,
  },
 });