martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-19 16:15:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

adjust modal style to fix android rendering

Browse Source
This commit is contained in:
Roland Osborne 2025-03-14 11:17:22 -07:00
parent ad58f41502
commit 39248f60e5
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/client/mobile/src/settings/Settings.styled.ts
View File

@ -342,9 +342,12 @@ export const styles = StyleSheet.create({
width: '100%',
borderRadius: 4,
},
blockedSurface: {
blockedContent: {
width: '80%',
maxWidth: 500,
},
blockedSurface: {
width: '100%',
borderRadius: 8,
paddingLeft: 16,
paddingRight: 16,

8
app/client/mobile/src/settings/Settings.tsx
View File

@ -787,7 +787,7 @@ export function Settings({showLogout}: {showLogout: boolean}) {
/>
{!sealConfig && (
<View style={styles.modalControls}>
<View style={modalOption}>
<View style={styles.modalOption}>
<IconButton
style={styles.optionIcon}
iconColor={Colors.primary}
@ -1142,7 +1142,7 @@ export function Settings({showLogout}: {showLogout: boolean}) {
<Modal animationType="fade" transparent={true} supportedOrientations={['portrait', 'landscape']} visible={blockedMessage} onRequestClose={() => setBlockedMessage(false)}>
<View style={styles.modal}>
<BlurView style={styles.blur} blurType="dark" blurAmount={2} reducedTransparencyFallbackColor="dark" />
<View>
<View style={styles.blockedContent}>
<Surface elevation={4} mode="flat" style={styles.blockedSurface}>
<View style={styles.blockedHeader}>
<Text style={styles.blockedTitle}>{ state.strings.blockedMessages }</Text>
@ -1175,7 +1175,7 @@ export function Settings({showLogout}: {showLogout: boolean}) {
<Modal animationType="fade" transparent={true} supportedOrientations={['portrait', 'landscape']} visible={blockedChannel} onRequestClose={() => setBlockedChannel(false)}>
<View style={styles.modal}>
<BlurView style={styles.blur} blurType="dark" blurAmount={2} reducedTransparencyFallbackColor="dark" />
<View>
<View style={styles.blockedContent}>
<Surface elevation={4} mode="flat" style={styles.blockedSurface}>
<View style={styles.blockedHeader}>
<Text style={styles.blockedTitle}>{ state.strings.blockedTopics }</Text>
@ -1208,7 +1208,7 @@ export function Settings({showLogout}: {showLogout: boolean}) {
<Modal animationType="fade" transparent={true} supportedOrientations={['portrait', 'landscape']} visible={blockedContact} onRequestClose={() => setBlockedContact(false)}>
<View style={styles.modal}>
<BlurView style={styles.blur} blurType="dark" blurAmount={2} reducedTransparencyFallbackColor="dark" />
<View>
<View style={styles.blockedContent}>
<Surface elevation={4} mode="flat" style={styles.blockedSurface}>
<View style={styles.blockedHeader}>
<Text style={styles.blockedTitle}>{ state.strings.blockedContacts }</Text>