diff options
| author | Mohamed Bassem <me@mbassem.com> | 2024-11-23 20:59:34 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-11-23 20:59:34 +0000 |
| commit | 5522e20104da6afe2e4667cf45dbbbbc0e838865 (patch) | |
| tree | 72f416fa83c97a8533eea431e25bd63bda1e7d81 /apps/mobile/app/dashboard/_layout.tsx | |
| parent | 4bb74872fd518008afea16a136292037baf5b024 (diff) | |
| download | karakeep-5522e20104da6afe2e4667cf45dbbbbc0e838865.tar.zst | |
ui(mobile): Replace bottom sheet with native screens (#690)
* Remove bottom sheet from bookmark info page
* Remove bottom sheet from manage lists page
* Remove bottom sheet from new list page
* Remove bottom sheet from new bookmark page
* Drop bottom-sheets
* Improve the look of the modals
* Make the search page fade from bottom
Diffstat (limited to 'apps/mobile/app/dashboard/_layout.tsx')
| -rw-r--r-- | apps/mobile/app/dashboard/_layout.tsx | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/apps/mobile/app/dashboard/_layout.tsx b/apps/mobile/app/dashboard/_layout.tsx index 609f06f5..bc743c7a 100644 --- a/apps/mobile/app/dashboard/_layout.tsx +++ b/apps/mobile/app/dashboard/_layout.tsx @@ -50,6 +50,49 @@ export default function Dashboard() { }} /> <Stack.Screen + name="bookmarks/[slug]/index" + options={{ + headerTitle: "", + headerBackTitle: "Back", + headerTransparent: true, + }} + /> + <Stack.Screen + name="bookmarks/new" + options={{ + headerTitle: "New Bookmark", + headerBackTitle: "Back", + headerTransparent: true, + presentation: "modal", + }} + /> + <Stack.Screen + name="bookmarks/[slug]/manage_lists" + options={{ + headerTitle: "Manage Lists", + headerBackTitle: "Back", + headerTransparent: true, + presentation: "modal", + }} + /> + <Stack.Screen + name="bookmarks/[slug]/info" + options={{ + headerBackTitle: "Back", + headerTransparent: true, + presentation: "modal", + }} + /> + <Stack.Screen + name="lists/new" + options={{ + headerTitle: "New List", + headerBackTitle: "Back", + headerTransparent: true, + presentation: "modal", + }} + /> + <Stack.Screen name="archive" options={{ headerTitle: "", @@ -64,6 +107,8 @@ export default function Dashboard() { headerBackTitle: "", headerTransparent: true, headerShown: false, + animation: "fade_from_bottom", + animationDuration: 100, }} /> <Stack.Screen |