web layout

src/components/GradientButton.js

@@ -1,9 +1,9 @@
-import { View, Text, Pressable, Image, FlatList } from "react-native";
 import React from "react";
-import { LinearGradient } from "./LinearGradient/LinearGradient";
+import { Image, Pressable, Text } from "react-native";
 import { Palette, Style } from "../styles";
 import { FONT_FAMILY } from "../styles/Fonts";
 import { size } from "../styles/Style";
+import { LinearGradient } from "./LinearGradient/LinearGradient";
 
 const GradientButton = ({
   title = "",
@@ -13,12 +13,17 @@ const GradientButton = ({
   containerStyle = {},
   icon,
   disabled = false,
+  maxWidth = null,
 }) => {
   return (
     <Pressable
       onPress={onPress}
       disabled={disabled}
-      style={{ ...containerStyle, opacity: disabled ? 0.6 : 1 }}
+      style={{
+        ...containerStyle,
+        opacity: disabled ? 0.6 : 1,
+        maxWidth: maxWidth ? maxWidth : null,
+      }}
     >
       <LinearGradient
         colors={colors}