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/modals/AltImage.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/modals/AltImage.tsx')
| -rw-r--r-- | src/view/com/modals/AltImage.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/view/com/modals/AltImage.tsx b/src/view/com/modals/AltImage.tsx index e1145a0fe..c084e84a3 100644 --- a/src/view/com/modals/AltImage.tsx +++ b/src/view/com/modals/AltImage.tsx @@ -18,7 +18,7 @@ import {useTheme} from 'lib/ThemeContext' import {Text} from '../util/text/Text' import LinearGradient from 'react-native-linear-gradient' import {useStores} from 'state/index' -import {isDesktopWeb, isAndroid} from 'platform/detection' +import {isAndroid, isWeb} from 'platform/detection' import {ImageModel} from 'state/models/media/image' export const snapPoints = ['fullscreen'] @@ -35,7 +35,7 @@ export function Component({image}: Props) { const windim = useWindowDimensions() const imageStyles = useMemo<ImageStyle>(() => { - const maxWidth = isDesktopWeb ? 450 : windim.width + const maxWidth = isWeb ? 450 : windim.width if (image.height > image.width) { return { resizeMode: 'contain', @@ -137,12 +137,12 @@ const styles = StyleSheet.create({ flex: 1, height: '100%', width: '100%', - paddingVertical: isDesktopWeb ? 0 : 18, + paddingVertical: isWeb ? 0 : 18, }, scrollContainer: { flex: 1, height: '100%', - paddingHorizontal: isDesktopWeb ? 0 : 12, + paddingHorizontal: isWeb ? 0 : 12, }, scrollInner: { gap: 12, |