From 3003391607f6bd541ec932feb64ed348c4726369 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Yusuf=20Akg=C3=BCl?= <s86116@bht-berlin.de>
Date: Fri, 26 May 2023 17:15:06 +0200
Subject: [PATCH] ui sort and search fix
---
app/(content)/(gaming)/games/page.tsx | 12 ++++++++----
1 file changed, 8 insertions(+), 4 deletions(-)
diff --git a/app/(content)/(gaming)/games/page.tsx b/app/(content)/(gaming)/games/page.tsx
index 68138b4..5075d5a 100644
--- a/app/(content)/(gaming)/games/page.tsx
+++ b/app/(content)/(gaming)/games/page.tsx
@@ -5,13 +5,17 @@ import Sort from "@/components/sort-games";
// renders a list of games infinitely (presumably)
export default async function GamesPage() {
return (
- <main className="relative lg:gap-10 xl:grid xl:grid-cols-[1fr_300px]">
+ <main className="relative lg:gap-10 xl:grid xl:grid-cols-[1fr_240px]">
<div className="grid">
- <Search className="p-3 lg:w-2/3 2xl:w-1/3" />
+ <div className="flex flex-col gap-10 items-center w-full">
+ <Search className="p-3 lg:w-2/3 2xl:w-1/3" />
+ </div>
<InfiniteScrollGames />
</div>
- <div className="hidden xl:block">
- <Sort />
+ <div className="hidden xl:block flex-col md:flex">
+ <div className="sticky top-0">
+ <Sort />
+ </div>
</div>
</main>
)
--
GitLab