chore: default show install buttons on mobile

consolelabs · Dec 15, 2023 · 0ac2174 · 0ac2174
1 parent 14d3076
commit 0ac2174
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 8 deletions.
diff --git a/components/LandingPage/About.tsx b/components/LandingPage/About.tsx
@@ -32,8 +32,8 @@ const products = [
 
 export default function About() {
   return (
-    <div id="about" className="relative bg-white px-5 lg:px-20 py-12">
-      <div className="relative z-0 max-w-7xl mx-auto space-y-5">
+    <div id="about" className="relative bg-white py-12">
+      <div className="relative z-0 max-w-7xl px-5 lg:px-20 mx-auto space-y-5">
         <div className="justify-between items-center gap-3 inline-flex w-full">
           <img
             alt="icon info"

diff --git a/components/LandingPage/Banner.tsx b/components/LandingPage/Banner.tsx
@@ -4,8 +4,8 @@ import { Button, Typography } from '@mochi-ui/core'
 
 export default function Banner() {
   return (
-    <div id="neko-emoji-banner" className="bg-stone-50 px-5 lg:px-20 py-20">
-      <div className="max-w-7xl mx-auto flex flex-wrap items-center justify-center">
+    <div id="neko-emoji-banner" className="bg-stone-50 py-20">
+      <div className="max-w-7xl px-5 lg:px-20 mx-auto flex flex-wrap items-center justify-center">
         <div className="w-full lg:w-5/12 order-2 lg:order-1 space-y-4">
           <Typography
             level="h1"

diff --git a/components/LandingPage/Gallery.tsx b/components/LandingPage/Gallery.tsx
@@ -71,11 +71,11 @@ export default function Gallery() {
   return (
     <div
       id="gallery"
-      className="relative bg-white px-5 lg:px-20 py-8 lg:py-28 overflow-hidden"
+      className="relative bg-white py-8 lg:py-28 overflow-hidden"
     >
       <div
         className={clsx(
-          'relative z-0 max-w-7xl mx-auto grid grid-cols-5 lg:grid-cols-8 gap-5 lg:gap-10 transition-all overflow-hidden',
+          'relative z-0 max-w-7xl px-5 lg:px-20 mx-auto grid grid-cols-5 lg:grid-cols-8 gap-5 lg:gap-10 transition-all overflow-hidden',
           {
             'h-[400px] lg:h-[500px]': !showAll,
             'max-h-full': showAll,

diff --git a/components/layout/Navbar.tsx b/components/layout/Navbar.tsx
@@ -75,6 +75,7 @@ const mobileNavItems = [
     type="multiple"
     className="!p-0 !text-neutral-900 rounded-none shadow-none"
     key="install-accordion"
+    defaultValue={['1']}
   >
     <AccordionItem value="1">
       <AccordionTrigger
@@ -83,7 +84,7 @@ const mobileNavItems = [
       >
         Install
       </AccordionTrigger>
-      <AccordionContent className="mt-4 !px-1 !py-0 gap-1">
+      <AccordionContent className="gap-1">
         {installContentMenus}
       </AccordionContent>
     </AccordionItem>
@@ -100,7 +101,7 @@ export default function Navbar() {
     <div className="w-full fixed lg:sticky top-0 shadow bg-white z-40">
       <div className="max-w-7xl mx-auto">
         <TopBar
-          className="border-none"
+          className="border-none lg:!px-0"
           leftSlot={
             <Link
               href=""