diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-07-23 15:01:04 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-07-23 15:01:04 +0100 |
| commit | 27d712290a908fcb471c59a8e5c8e95bd862c49c (patch) | |
| tree | e39aa55d097725fd9fcd448198d62a0c02b4966f /src/view/com/util/Toast.web.tsx | |
| parent | 59bafb426ff018a3b8a92dee8994c5413fb30076 (diff) | |
| download | voidsky-27d712290a908fcb471c59a8e5c8e95bd862c49c.tar.zst | |
Use appropriate icons for toasts (#4803)
* use appropriate icons for toasts * use info for session expiry * tweak size * message -> safeMessage --------- Co-authored-by: Samuel Newman <10959775+mozzius@users.noreply.github.com>
Diffstat (limited to 'src/view/com/util/Toast.web.tsx')
| -rw-r--r-- | src/view/com/util/Toast.web.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/view/com/util/Toast.web.tsx b/src/view/com/util/Toast.web.tsx index d5a843541..1f9eb479b 100644 --- a/src/view/com/util/Toast.web.tsx +++ b/src/view/com/util/Toast.web.tsx @@ -2,7 +2,7 @@ * Note: the dataSet properties are used to leverage custom CSS in public/index.html */ -import React, {useState, useEffect} from 'react' +import React, {useEffect, useState} from 'react' import {StyleSheet, Text, View} from 'react-native' import { FontAwesomeIcon, @@ -39,7 +39,7 @@ export const ToastContainer: React.FC<ToastContainerProps> = ({}) => { <View style={styles.container}> <FontAwesomeIcon icon={activeToast.icon} - size={24} + size={20} style={styles.icon as FontAwesomeIconStyle} /> <Text style={styles.text}>{activeToast.text}</Text> @@ -79,6 +79,7 @@ const styles = StyleSheet.create({ }, icon: { color: '#fff', + flexShrink: 0, }, text: { color: '#fff', |