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

Refactor marketplace component to use responsive layout

Browse Source
This commit is contained in:
mauro-balades
2024-09-23 11:33:24 +02:00
parent df676f7190
commit cbd36b503f
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/marketplace.tsx
View File

@@ -11,7 +11,7 @@ export default function MarketplacePage({ themes }: { themes: ZenTheme[] }) {
const [tags, setTags] = React.useState<string[]>(["all"]); const [tags, setTags] = React.useState<string[]>(["all"]);
return ( return (
<div className="mx-auto flex flex-col md:flex-row h-full w-full relative"> <div className="mx-auto flex flex-col lg:flex-row h-full w-full relative">
<div className="relative shadow bg-surface w-full lg:w-fit lg:rounded-br-lg lg:rounded-tr-lg lg:mt-24 py-48 lg:py-32 px-10 dark:bg-[#121212] w-full lg:w-1/2 xl:w-1/3 2xl:w-1/4"> <div className="relative shadow bg-surface w-full lg:w-fit lg:rounded-br-lg lg:rounded-tr-lg lg:mt-24 py-48 lg:py-32 px-10 dark:bg-[#121212] w-full lg:w-1/2 xl:w-1/3 2xl:w-1/4">
<StickyBox <StickyBox
className="h-fit min-w-52 text-xs text-muted-foreground lg:mb-0" className="h-fit min-w-52 text-xs text-muted-foreground lg:mb-0"