joshuafhiggins/realm-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: Update marketplace grid layout for larger screens

Browse Source
This commit is contained in:
Mauro Balades
2024-08-17 23:05:33 +02:00
parent eca094343e
commit 3f20072951
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/features.tsx
View File

@@ -55,7 +55,7 @@ export default function Features() {
useEffect(() => { useEffect(() => {
setInterval(() => { setInterval(() => {
setFeature((feature) => (feature + 1) % 3); setFeature((feature) => (feature + 1) % 3);
}, 10000); }, 9000);
}, []); }, []);
return ( return (
<div className="relative w-full mb-52 p-5 xl:p-0"> <div className="relative w-full mb-52 p-5 xl:p-0">

2
src/components/marketplace.tsx
View File

@@ -18,7 +18,7 @@ export default function MarketplacePage() {
<h1 className="text-4xl lg:text-7xl font-bold">Themes Marketplace</h1> <h1 className="text-4xl lg:text-7xl font-bold">Themes Marketplace</h1>
<ThemesSearch input={searchInput} setInput={setSearchInput} /> <ThemesSearch input={searchInput} setInput={setSearchInput} />
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mt-10 w-full"> <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 w-full">
{getThemesFromSearch(themes, searchInput).map((theme) => ( {getThemesFromSearch(themes, searchInput).map((theme) => (
<ThemeCard key={theme.name} theme={theme} /> <ThemeCard key={theme.name} theme={theme} />
))} ))}