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-16 21:40:06 +02:00
parent 6c5ce72945
commit 2bc7f378b4
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/marketplace.tsx
View File

@@ -13,9 +13,9 @@ export default function MarketplacePage() {
}, []); }, []);
return ( return (
<div className="flex flex-col w-full p-5 lg:w-1/2 lg:p-0 items-center justify-center h-full mt-36"> <div className="flex flex-col w-full mx-auto p-5 lg:w-1/2 lg:p-0 items-center justify-center h-full mt-36">
<div className="mx-auto w-full text-center"> <div className="mx-auto w-full text-center">
<h1 className="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 lg:grid-cols-3 gap-8 mt-10 w-full">

2
src/lib/themes.ts
View File

@@ -14,7 +14,7 @@ export interface ZenTheme {
} }
const THEME_API = "https://zen-browser.github.io/theme-store/themes.json"; const THEME_API = "https://zen-browser.github.io/theme-store/themes.json";
const CACHE_OPTIONS = { cache: "force-cache" } as RequestInit; const CACHE_OPTIONS = { cache: "no-cache" } as RequestInit;
export async function getAllThemes() { export async function getAllThemes() {
// Fetch from the API // Fetch from the API