From e5f741ca0935b33c18dae6a7009987c88bc69241 Mon Sep 17 00:00:00 2001
From: Matthias Nott <mnott@mnsoft.org>
Date: Sat, 07 Mar 2026 13:53:23 +0100
Subject: [PATCH] fix: project picker uses static styles, larger touch targets and text
---
components/SessionDrawer.tsx | 32 +++++++++++++++-----------------
1 files changed, 15 insertions(+), 17 deletions(-)
diff --git a/components/SessionDrawer.tsx b/components/SessionDrawer.tsx
index 75db7b8..4efb87c 100644
--- a/components/SessionDrawer.tsx
+++ b/components/SessionDrawer.tsx
@@ -565,17 +565,16 @@
{/* Home directory — always first */}
<Pressable
onPress={() => launchSession({ path: "~" })}
- style={({ pressed }) => ({
+ style={{
flexDirection: "row",
alignItems: "center",
paddingHorizontal: 16,
- paddingVertical: 12,
- backgroundColor: pressed ? colors.border : "transparent",
- })}
+ paddingVertical: 14,
+ }}
>
- <Text style={{ fontSize: 18, marginRight: 10 }}>🏠</Text>
+ <Text style={{ fontSize: 20, width: 32 }}>🏠</Text>
<View style={{ flex: 1 }}>
- <Text style={{ color: colors.text, fontSize: 15, fontWeight: "600" }}>Home</Text>
+ <Text style={{ color: colors.text, fontSize: 16, fontWeight: "600" }}>Home</Text>
<Text style={{ color: colors.textMuted, fontSize: 12 }}>~/</Text>
</View>
</Pressable>
@@ -585,19 +584,18 @@
<Pressable
key={p.slug}
onPress={() => launchSession({ project: p.name })}
- style={({ pressed }) => ({
+ style={{
flexDirection: "row",
alignItems: "center",
paddingHorizontal: 16,
- paddingVertical: 12,
+ paddingVertical: 14,
borderTopWidth: 1,
borderTopColor: colors.border,
- backgroundColor: pressed ? colors.border : "transparent",
- })}
+ }}
>
- <Text style={{ fontSize: 18, marginRight: 10 }}>📂</Text>
+ <Text style={{ fontSize: 20, width: 32 }}>📂</Text>
<View style={{ flex: 1 }}>
- <Text style={{ color: colors.text, fontSize: 15, fontWeight: "500" }}>{p.name}</Text>
+ <Text style={{ color: colors.text, fontSize: 16, fontWeight: "500" }}>{p.name}</Text>
<Text style={{ color: colors.textMuted, fontSize: 12 }} numberOfLines={1}>
{p.path.replace(/^\/Users\/[^/]+/, "~")}
</Text>
@@ -612,7 +610,7 @@
borderTopWidth: 1,
borderTopColor: colors.border,
paddingHorizontal: 16,
- paddingVertical: 8,
+ paddingVertical: 10,
}}>
<TextInput
value={customPath}
@@ -628,7 +626,7 @@
style={{
flex: 1,
color: colors.text,
- fontSize: 14,
+ fontSize: 15,
paddingVertical: 6,
}}
/>
@@ -636,14 +634,14 @@
<Pressable
onPress={() => launchSession({ path: customPath.trim() })}
style={{
- paddingHorizontal: 12,
- paddingVertical: 6,
+ paddingHorizontal: 14,
+ paddingVertical: 8,
borderRadius: 8,
backgroundColor: colors.accent,
marginLeft: 8,
}}
>
- <Text style={{ color: "#FFF", fontSize: 13, fontWeight: "600" }}>Go</Text>
+ <Text style={{ color: "#FFF", fontSize: 14, fontWeight: "600" }}>Go</Text>
</Pressable>
)}
</View>
--
Gitblit v1.3.1