CTA visible on desktop screen size only

crypto-bug-hunters · Aug 12, 2024 · 059dd86 · 059dd86
1 parent d238670
commit 059dd86
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/frontend/src/app/bounty/[bountyId]/page.tsx b/frontend/src/app/bounty/[bountyId]/page.tsx
@@ -94,6 +94,7 @@ const ButtonsBox: FC<{
                 href={`/bounty/${bountyIndex}/exploit`}
                 disabled={!isOpen}
                 fullWidth
+                visibleFrom="md"
             >
                 Submit exploit
             </Button>

diff --git a/frontend/src/app/explore/page.tsx b/frontend/src/app/explore/page.tsx
@@ -96,7 +96,12 @@ const Explore: FC = () => {
     return (
         <Stack>
             <HasConnectedAccount>
-                <Flex mt="lg" mr={{ base: "xs", md: "lg" }} justify="flex-end">
+                <Flex
+                    mt="lg"
+                    mr={{ base: "xs", md: "lg" }}
+                    justify="flex-end"
+                    visibleFrom="md"
+                >
                     <Link href={GOOGLE_BOUNTY_CREATION_FORM_URL}>
                         <Button size="lg">Create bounty</Button>
                     </Link>

diff --git a/frontend/src/app/shell.tsx b/frontend/src/app/shell.tsx
@@ -15,10 +15,14 @@ export const Shell: FC<{ children: React.ReactNode }> = ({ children }) => {
             <AppShell.Header>
                 <Header />
             </AppShell.Header>
-            <AppShell.Main mt={{ base: offset, sm: "7rem" }} pb="8rem">
+            <AppShell.Main
+                mt={{ base: offset, sm: "7rem" }}
+                pb="8rem"
+                style={{ minHeight: "auto" }}
+            >
                 {children}
             </AppShell.Main>
-            <AppShell.Footer>
+            <AppShell.Footer style={{ position: "relative" }}>
                 <Footer />
             </AppShell.Footer>
         </AppShell>