From 0651775089d8bee51161ccfc2c7419ce02c5ae27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Arduino=20T=C3=BCrk=20Batu?= <batuakyar07@gmail.com>
Date: Tue, 27 Aug 2024 20:34:15 +0300
Subject: [PATCH] at themes page, fixed responsive layout on cards

---
 package-lock.json                | 7 +++----
 src/components/marketplace.tsx   | 2 +-
 src/components/themes-search.tsx | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 00fa56f..466a7cb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11182,10 +11182,9 @@
       "license": "MIT"
     },
     "node_modules/micromatch": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
-      "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
-      "license": "MIT",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
diff --git a/src/components/marketplace.tsx b/src/components/marketplace.tsx
index 4f3795b..326dd34 100644
--- a/src/components/marketplace.tsx
+++ b/src/components/marketplace.tsx
@@ -22,7 +22,7 @@ export default function MarketplacePage() {
           <ThemesSearch input={searchInput} setInput={setSearchInput} tags={tags} setTags={setTags} />
         </div>
       </div>
-      <div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 gap-8 mt-10 w-full lg:w-1/2 xl:w-2/3 2xl:w-3/4">
+      <div className="grid grid-cols-1 md:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4 sm:grid-cols-2 gap-8 mt-10 w-5/6 md:!w-5/6 lg:w-1/2 xl:w-2/3 2xl:w-3/4">
         {getThemesFromSearch(themes, searchInput, tags).map((theme) => (
           <ThemeCard key={theme.name} theme={theme} />
         ))}
diff --git a/src/components/themes-search.tsx b/src/components/themes-search.tsx
index f99cf70..0ebd6e9 100644
--- a/src/components/themes-search.tsx
+++ b/src/components/themes-search.tsx
@@ -19,7 +19,7 @@ export default function ThemesSearch({
   return (
     <>
       <div className="flex w-full p-2 bg-black/10 dark:bg-muted/50 rounded-full overflow-hidden mt-10 items-center border border-black dark:border-muted">
-        <SearchIcon className="w-6 h-6 mx-4 text-black dark:text-white" />
+        <SearchIcon className="size-6 mx-4 text-black dark:text-white" />
         <input
           type="text"
           value={input}