about summary refs log tree commit diff
diff options
context:
space:
mode:
authordan <dan.abramov@gmail.com>2023-11-06 17:15:01 +0000
committerGitHub <noreply@github.com>2023-11-06 17:15:01 +0000
commit4c00fc576d66b0a348b4fb13b901a464da64cf37 (patch)
treea692b957b7d14da580a87696e0bc75df57960442
parent95b5e642dcca7b6fbf60cb1b86a94ba9d40415e1 (diff)
downloadvoidsky-4c00fc576d66b0a348b4fb13b901a464da64cf37.tar.zst
Fix minor list layout bugs (#1810)
* Fix accidental border on mobile

* Fix lists list to take full screen
-rw-r--r--src/lib/styles.ts1
-rw-r--r--src/view/com/lists/ListsList.tsx2
-rw-r--r--src/view/screens/Lists.tsx2
-rw-r--r--src/view/screens/ModerationModlists.tsx2
4 files changed, 4 insertions, 3 deletions
diff --git a/src/lib/styles.ts b/src/lib/styles.ts
index 8ee6e596b..152e60eb0 100644
--- a/src/lib/styles.ts
+++ b/src/lib/styles.ts
@@ -164,6 +164,7 @@ export const s = StyleSheet.create({
   flexRow: {flexDirection: 'row'},
   flexCol: {flexDirection: 'column'},
   flex1: {flex: 1},
+  flexGrow1: {flexGrow: 1},
   alignCenter: {alignItems: 'center'},
   alignBaseline: {alignItems: 'baseline'},
 
diff --git a/src/view/com/lists/ListsList.tsx b/src/view/com/lists/ListsList.tsx
index e42b65752..8c6510886 100644
--- a/src/view/com/lists/ListsList.tsx
+++ b/src/view/com/lists/ListsList.tsx
@@ -17,7 +17,7 @@ import {Text} from '../util/text/Text'
 import {ListsListModel} from 'state/models/lists/lists-list'
 import {useAnalytics} from 'lib/analytics/analytics'
 import {usePalette} from 'lib/hooks/usePalette'
-import {FlatList} from '../util/Views.web'
+import {FlatList} from '../util/Views'
 import {s} from 'lib/styles'
 import {logger} from '#/logger'
 
diff --git a/src/view/screens/Lists.tsx b/src/view/screens/Lists.tsx
index 6e2b11c97..c798b9087 100644
--- a/src/view/screens/Lists.tsx
+++ b/src/view/screens/Lists.tsx
@@ -85,7 +85,7 @@ export const ListsScreen = withAuthRequired(
             </Button>
           </View>
         </SimpleViewHeader>
-        <ListsList listsList={listsLists} />
+        <ListsList listsList={listsLists} style={s.flexGrow1} />
       </View>
     )
   }),
diff --git a/src/view/screens/ModerationModlists.tsx b/src/view/screens/ModerationModlists.tsx
index fc148ed8e..6a48d88ae 100644
--- a/src/view/screens/ModerationModlists.tsx
+++ b/src/view/screens/ModerationModlists.tsx
@@ -85,7 +85,7 @@ export const ModerationModlistsScreen = withAuthRequired(
             </Button>
           </View>
         </SimpleViewHeader>
-        <ListsList listsList={mutelists} />
+        <ListsList listsList={mutelists} style={s.flexGrow1} />
       </View>
     )
   }),