feat(example): make warnings bigger

apivideo · Feb 21, 2024 · f5375d6 · f5375d6
1 parent e2e4991
commit f5375d6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -196,7 +196,7 @@ export default function App() {
         <Animated.View style={[style.settingsButton, { width: growAnim }]}>
           {warning.display && (
             <View style={style.warningContainer}>
-              <Text style={style.warning} numberOfLines={1}>
+              <Text style={style.warning} numberOfLines={3}>
                 {warning.message}
               </Text>
             </View>

diff --git a/example/src/style.ts b/example/src/style.ts
@@ -61,7 +61,7 @@ export default (streaming: boolean, android: boolean, warning: boolean) =>
       minHeight: 50,
       paddingVertical: 5,
       paddingHorizontal: 15,
-      borderRadius: warning ? 60 : undefined,
+      borderRadius: warning ? 20 : undefined,
       borderColor: '#FFFFFF',
       borderWidth: warning ? 0.5 : undefined,
       backgroundColor: warning ? '#DC3546' : undefined,
@@ -71,11 +71,13 @@ export default (streaming: boolean, android: boolean, warning: boolean) =>
       right: 10,
     },
     warningContainer: {
-      marginRight: 20,
+      marginRight: 10,
+      borderRadius: 10,
     },
     warning: {
+      borderRadius: 10,
       color: '#FFFFFF',
-      fontSize: 10,
+      fontSize: 12,
       fontWeight: '700',
     },
   });