Change menu youtube icon, set minmax to grid

HolodexNet · Oct 15, 2023 · ed0f384 · ed0f384
1 parent f39f16c
commit ed0f384
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/react/src/components/video/VideoMenu.tsx b/packages/react/src/components/video/VideoMenu.tsx
@@ -40,7 +40,7 @@ export function VideoMenu({
             to={`https://youtu.be/${videoId}`}
             target="_blank"
           >
-            <div className="i-lucide:youtube" />
+            <div className="i-mdi:youtube" />
             Open on YouTube
           </Link>
         </DropdownMenuItem>

diff --git a/packages/react/src/routes/home.tsx b/packages/react/src/routes/home.tsx
@@ -61,9 +61,9 @@ export function Home() {
   const listCN = useMemo(
     () =>
       cn({
-        "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-6 gap-x-4 gap-y-6":
+        "grid grid-cols-1 grid-cols-[repeat(auto-fill,_minmax(300px,_1fr))] gap-x-4 gap-y-6":
           cardSize === "lg",
-        "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-x-2 gap-y-4":
+        "grid grid-cols-2 grid-cols-[repeat(auto-fill,_minmax(200px,_1fr))] gap-x-2 gap-y-4":
           cardSize === "md",
         "flex flex-col max-w-screen-lg mx-auto": cardSize === "sm",
       }),