From 299c7a203650e387e4cd0eabe8f62ecd600fa03f Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Tue, 1 Oct 2024 17:38:55 +0100
Subject: [PATCH] feat: make wallpaper grid seamless

---
 app/(tabs)/index.tsx | 36 ++++++++++++------------------------
 1 file changed, 12 insertions(+), 24 deletions(-)

diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index 5a862f5..8b8339c 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -63,30 +63,18 @@ export default function HomeScreen() {
 						</Text>
 					)}
 					renderItem={({ item }) => (
-						<View className="w-full p-2">
-							<View className="w-full relative rounded overflow-hidden">
-								<TouchableOpacity
-									onPress={() => {
-										setSelectedWallpaper(item);
-										router.push("/wallpaper");
-									}}
-								>
-									<Image
-										className="w-full h-60"
-										source={{ uri: item.thumbnail_url }}
-									/>
-								</TouchableOpacity>
-								<View
-									className="w-full absolute bottom-0 left-0 right-0 p-2"
-									style={{
-										backgroundColor: "rgba(0, 0, 0, 0.8)",
-									}}
-								>
-									<Text className="text-white opacity-80">
-										{item.display_name}
-									</Text>
-								</View>
-							</View>
+						<View className="w-full relative overflow-hidden">
+							<TouchableOpacity
+								onPress={() => {
+									setSelectedWallpaper(item);
+									router.push("/wallpaper");
+								}}
+							>
+								<Image
+									className="w-full h-60"
+									source={{ uri: item.thumbnail_url }}
+								/>
+							</TouchableOpacity>
 						</View>
 					)}
 					estimatedItemSize={200}