Merge pull request #1328 from matiasbenary/fix/styles-safari

fix: styles issue on home page for Safari 17
near · Oct 15, 2024 · fad5874 · fad5874
2 parents f3162e6 + 50054e1
commit fad5874
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/home/Contracts/index.tsx b/src/components/home/Contracts/index.tsx
@@ -87,7 +87,7 @@ export const Contracts = () => {
         gap="xl"
         columnsPhone="minmax(0, 1fr)"
         columnsTablet="minmax(0, 1fr)"
-        style={{ flexGrow: 1 }}
+        style={{ height: '88%' }}
       >
         <Flex stack justify="space-between">
           <Flex stack gap="m">
@@ -119,7 +119,7 @@ export const Contracts = () => {
         </Flex>
 
         <Tabs.Root value={language}>
-          <Flex stack justify="space-between" style={{ flexGrow: 1 }}>
+          <Flex stack justify="space-between" style={{ height: '100%' }}>
             <Tabs.Content value="js">
               <Title> One Command Setup </Title>
               <Code code={`npx create-near-app@latest`} language="bash" />

diff --git a/src/components/home/DecentralizedApps/index.tsx b/src/components/home/DecentralizedApps/index.tsx
@@ -67,6 +67,7 @@ const Carousel = styled.div`
 const WalletImg = styled(Image)`
   margin: 0 2px;
   height: 40px;
+  width: 40px;
   border-radius: 4px;
 `;
 
@@ -80,7 +81,7 @@ export const DecentralizedApps = () => {
         gapTablet="xl"
         columnsPhone="minmax(0, 1fr)"
         columnsTablet="minmax(0, 1fr)"
-        style={{ flex: 1 }}
+        style={{ height: '88%' }}
       >
         <Flex stack justify="space-between">
           <Flex stack gap="m">
@@ -97,7 +98,7 @@ export const DecentralizedApps = () => {
           </Flex>
         </Flex>
 
-        <Flex stack gap="m" justify="space-between" style={{ flexGrow: 1 }}>
+        <Flex stack gap="m" justify="space-between" style={{ height: '100%' }}>
           <Flex stack>
             <Title> NEAR React App </Title>
             <Code code={ReactApp} height={450} language="ts" />