UI: mobile impros

guildxyz · Jul 8, 2024 · 6402c08 · 6402c08
1 parent 749e382
commit 6402c08
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/solutions/components/SolutionCard.tsx b/src/solutions/components/SolutionCard.tsx
@@ -73,7 +73,12 @@ const SolutionCard = ({
     >
       <Stack spacing={3} zIndex={1} justifyContent={"space-between"} h={"100%"}>
         <HStack gap={3}>
-          <Circle size="12" pos="relative" overflow="hidden" bgColor={circleBgColor}>
+          <Circle
+            size={{ base: 10, md: 12 }}
+            pos="relative"
+            overflow="hidden"
+            bgColor={circleBgColor}
+          >
             <Image src={imageUrl} alt="Guild logo" fill sizes="3rem" />
           </Circle>
           <Heading fontSize={"normal"} fontWeight="bold" maxW="full" noOfLines={1}>

diff --git a/src/solutions/components/SolutionsPanel.tsx b/src/solutions/components/SolutionsPanel.tsx
@@ -151,7 +151,7 @@ const SolutionsPanel = ({
         </Stack>
       </ModalHeader>
 
-      <ModalBody className="custom-scrollbar" pt="8">
+      <ModalBody className="custom-scrollbar" pt={{ base: 6, md: 8 }}>
         <AnimatePresence>
           <Box>
             {categories.map((category) => (