diff options
| author | MohamedBassem <me@mbassem.com> | 2024-04-22 12:00:11 +0100 |
|---|---|---|
| committer | MohamedBassem <me@mbassem.com> | 2024-04-23 09:56:37 +0100 |
| commit | 5f599f29e1aed699d313b9f652934ecedef8f3ea (patch) | |
| tree | e8d345ae708ff04f750134b2547c24abda1234c3 /apps | |
| parent | cbdaf562d4b00cc1bfdb149f33478f9dc90b670f (diff) | |
| download | karakeep-5f599f29e1aed699d313b9f652934ecedef8f3ea.tar.zst | |
fix(mobile): Add a bigger button to collable the nested list
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/mobile/app/dashboard/(tabs)/lists.tsx | 11 |
1 files changed, 5 insertions, 6 deletions
diff --git a/apps/mobile/app/dashboard/(tabs)/lists.tsx b/apps/mobile/app/dashboard/(tabs)/lists.tsx index 7099c09f..9e4b0929 100644 --- a/apps/mobile/app/dashboard/(tabs)/lists.tsx +++ b/apps/mobile/app/dashboard/(tabs)/lists.tsx @@ -5,7 +5,7 @@ import { TailwindResolver } from "@/components/TailwindResolver"; import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView"; import PageTitle from "@/components/ui/PageTitle"; import { api } from "@/lib/trpc"; -import { ChevronRight, Triangle } from "lucide-react-native"; +import { ChevronRight } from "lucide-react-native"; import { useBookmarkLists } from "@hoarder/shared-react/hooks/lists"; import { ZBookmarkListTreeNode } from "@hoarder/shared/utils/listUtils"; @@ -102,11 +102,12 @@ export default function Lists() { }} renderItem={(l) => ( <View - className="mx-2 flex flex-row items-center gap-x-2 rounded-xl border border-input bg-white px-4 py-2 dark:bg-accent" + className="mx-2 flex flex-row items-center rounded-xl border border-input bg-white px-4 py-2 dark:bg-accent" style={{ marginLeft: l.item.level * 20 }} > {l.item.numChildren > 0 && ( <Pressable + className="pr-2" onPress={() => { setShowChildrenOf((prev) => ({ ...prev, @@ -117,13 +118,11 @@ export default function Lists() { <TailwindResolver className="text-foreground" comp={(style) => ( - <Triangle - size={10} + <ChevronRight color={style?.color?.toString()} - fill={style?.color?.toString()} style={{ transform: [ - { rotate: l.item.collapsed ? "90deg" : "180deg" }, + { rotate: l.item.collapsed ? "0deg" : "90deg" }, ], }} /> |