responsive adjusts

RLabs-Inc · Oct 14, 2024 · 457da53 · 457da53
1 parent d4681b8
commit 457da53
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/discover/page.tsx b/src/app/discover/page.tsx
@@ -7,7 +7,7 @@ export default async function DiscoverPage() {
   const themes = await getPublicThemes()
   return (
     <div>
-      <main className="mx-auto px-3 md:px-0">
+      <main className="mx-auto px-4">
         <div className="flex flex-col gap-10 items-center w-full">
           <div className="relative w-full">
             <DotPattern cr={0.3} className="absolute top-0 z-20" />

diff --git a/src/components/Discover.tsx b/src/components/Discover.tsx
@@ -14,7 +14,7 @@ export default function Discover({ themes }: { themes: SavedTheme[] }) {
         <ThemePreviewSmall theme={selectedTheme} />
       </div>
 
-      <div className="grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-4 gap-16 p-0 md:p-20">
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-16 p-0 md:p-20">
         {themes.map((theme) => (
           <ThemeCardPublic
             key={theme.id}

diff --git a/src/components/SavedThemes.tsx b/src/components/SavedThemes.tsx
@@ -26,7 +26,7 @@ export function SavedThemesContent({
       <div className="sticky top-[3.5rem] py-5 z-20 bg-background/70 shadow-sm backdrop-blur backdrop w-full">
         <ThemePreviewSmall theme={selectedTheme} />
       </div>
-      <div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-10 md:gap-16">
+      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-10 md:gap-16">
         {themes.map((theme) => (
           <ThemeCard
             key={theme.id}