Call for maps: add mobile support

osmbe · Sep 25, 2023 · 6705da8 · 6705da8
1 parent 4409c16
commit 6705da8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -1,5 +1,5 @@
 import Image from 'next/image'
-
+import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import Logo from '@/images/logos/SOTM_Blue_full_logo_black.png'
 
@@ -43,6 +43,9 @@ export function Hero({ id }) {
               </div>
             ))}
           </dl>
+          <div className="mt-20 text-center lg:hidden">
+            <Button href="/call-for-maps">Submit your maps</Button>
+          </div>
         </div>
       </Container>
     </div>

diff --git a/src/components/Menu.jsx b/src/components/Menu.jsx
@@ -49,7 +49,7 @@ export function Menu() {
           <Button href={ticketURL} target="_blank">
             Get your tickets
           </Button>
-          <Button href="/call-for-maps">Submit your maps</Button>
+          <Button className="hidden lg:block" href="/call-for-maps">Submit your maps</Button>
         </div>
         <div className="flex lg:hidden">
           <button
@@ -110,6 +110,12 @@ export function Menu() {
                 >
                   Get your tickets
                 </Link>
+                <Link
+                  href="/call-for-maps"
+                  className="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-gray-900 hover:bg-gray-50"
+                >
+                  Submit your maps
+                </Link>
               </div>
             </div>
           </div>