diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-09-05 10:42:19 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-09-05 10:42:19 -0700 |
| commit | 764c7cd5694a41c98d8543b68d7791fa90db4291 (patch) | |
| tree | 8a11af0aa0e898cf7fb57ab0354f9fb5d28f004e /src/view/com/lists/ListItems.tsx | |
| parent | be8084ae103064d5680485f25e202c763957f2b4 (diff) | |
| download | voidsky-764c7cd5694a41c98d8543b68d7791fa90db4291.tar.zst | |
Updates to use dynamic/responsive styles on web (#1351)
* Move most responsive queries to the hook * Fix invalid CSS value * Fixes to tablet render of post thread * Fix overflow issues on web * Fix search header on tablet * Fix QP margin in web composer * Fix: only apply double gutter once to flatlist (close #1368) * Fix styles on discover feeds header * Fix double discover links in multifeed
Diffstat (limited to 'src/view/com/lists/ListItems.tsx')
| -rw-r--r-- | src/view/com/lists/ListItems.tsx | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/src/view/com/lists/ListItems.tsx b/src/view/com/lists/ListItems.tsx index 7f2173d78..d611bc504 100644 --- a/src/view/com/lists/ListItems.tsx +++ b/src/view/com/lists/ListItems.tsx @@ -22,9 +22,9 @@ import {TextLink} from '../util/Link' import {ListModel} from 'state/models/content/list' import {useAnalytics} from 'lib/analytics/analytics' import {usePalette} from 'lib/hooks/usePalette' +import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries' import {useStores} from 'state/index' import {s} from 'lib/styles' -import {isDesktopWeb} from 'platform/detection' import {ListActions} from './ListActions' import {makeProfileLink} from 'lib/routes/links' import {sanitizeHandle} from 'lib/strings/handles' @@ -283,6 +283,7 @@ const ListHeader = observer( }) => { const pal = usePalette('default') const store = useStores() + const {isDesktop} = useWebMediaQueries() const descriptionRT = React.useMemo( () => list?.description && @@ -318,7 +319,7 @@ const ListHeader = observer( richText={descriptionRT} /> )} - {isDesktopWeb && ( + {isDesktop && ( <ListActions isOwner={isOwner} muted={list.viewer?.muted} @@ -334,7 +335,8 @@ const ListHeader = observer( <UserAvatar type="list" avatar={list.avatar} size={64} /> </View> </View> - <View style={[styles.fakeSelector, pal.border]}> + <View + style={{flexDirection: 'row', paddingHorizontal: isDesktop ? 16 : 6}}> <View style={[styles.fakeSelectorItem, {borderColor: pal.colors.link}]}> <Text type="md-medium" style={[pal.text]}> @@ -365,10 +367,6 @@ const styles = StyleSheet.create({ gap: 8, marginTop: 12, }, - fakeSelector: { - flexDirection: 'row', - paddingHorizontal: isDesktopWeb ? 16 : 6, - }, fakeSelectorItem: { paddingHorizontal: 12, paddingBottom: 8, |