diff options
Diffstat (limited to 'client/src/lib/views')
| -rw-r--r-- | client/src/lib/views/information.js | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/client/src/lib/views/information.js b/client/src/lib/views/information.js index 9e69a83..1f3fc72 100644 --- a/client/src/lib/views/information.js +++ b/client/src/lib/views/information.js @@ -105,10 +105,12 @@ export default class Information extends Component { <Modal style={styles.modal} isVisible={this.state.essayModalVisible}> <ScrollView contentContainerStyle={styles.modalContainer}> - <View style={styles.modalBody}> - <Heading style={styles.essayHeader}>{this.state.essay.title.toUpperCase()}</Heading> - <Heading style={styles.essayBylineHeader}>{this.state.essay.byline}</Heading> - <HTMLView value={this.state.essayBody} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} /> + <View style={styles.modalInner}> + <View style={styles.modalBody}> + <Heading style={styles.essayHeader}>{this.state.essay.title.toUpperCase()}</Heading> + <Heading style={styles.essayBylineHeader}>{this.state.essay.byline}</Heading> + <HTMLView value={this.state.essayBody} stylesheet={htmlStyles} onLinkPress={this.props.onLinkPress} /> + </View> </View> </ScrollView> <Close onPress={() => this.hideEssay()} /> @@ -195,9 +197,14 @@ const styles = StyleSheet.create({ justifyContent: 'flex-start', alignItems: 'center', }, + modalInner: { + width: '100vw', + alignItems: 'center', + }, modalBody: { marginTop: 20, width: isMobile ? '95%' : '90%', + maxWidth: 650, backgroundColor: 'black', padding: isMobile ? 10 : 40, marginBottom: 200, |