TM-990 site status wrap for smalll screens

wri · Jun 24, 2024 · 6279d03 · 6279d03
1 parent c538423
commit 6279d03
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/...esourceTabs/PolygonReviewTab/components/PolygonDrawer/components/PolygonReviewButtons.tsx b/...esourceTabs/PolygonReviewTab/components/PolygonDrawer/components/PolygonReviewButtons.tsx
@@ -29,8 +29,8 @@ const PolygonReviewButtons = ({
   ];
 
   return (
-    <div className="flex items-start gap-3">
-      <div className="w-full">
+    <div className="flex flex-wrap items-start gap-3">
+      <div className="min-w-[450px] flex-[18]">
         <div className="mb-2">
           <Text variant="text-16-bold" className="mb-2 text-darkCustom">
             Polygon Review
@@ -66,7 +66,7 @@ const PolygonReviewButtons = ({
           </Button>
         </div>
       </div>
-      <div className="mt-4 w-full rounded-lg border border-grey-750 p-4">
+      <div className="mt-4 min-w-[310px] flex-[11] rounded-lg border border-grey-750 p-4">
         <Text variant="text-14" className="mb-3 text-blueCustom-250">
           Site Status
         </Text>

diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/index.tsx
@@ -369,8 +369,8 @@ const PolygonReviewTab: FC<IProps> = props => {
         <Grid spacing={2} container>
           <Grid xs={9}>
             <Stack gap={4} className="pl-8 pt-9">
-              <div className="flex items-start gap-3">
-                <div className="w-full">
+              <div className="flex flex-wrap items-start gap-3">
+                <div className="min-w-[450px] flex-[18]">
                   <div className="mb-2">
                     <Text variant="text-16-bold" className="mb-2 text-darkCustom">
                       Polygon Review
@@ -408,7 +408,7 @@ const PolygonReviewTab: FC<IProps> = props => {
                     </Button>
                   </div>
                 </div>
-                <div className="mt-4 w-full rounded-lg border border-grey-750 p-4">
+                <div className="mt-4 min-w-[310px] flex-[11] rounded-lg border border-grey-750 p-4">
                   <Text variant="text-14" className="mb-3 text-blueCustom-250">
                     Site Status
                   </Text>