From bd2a1f7f777a8ba5c8db85ab36433cd81cb7d82d Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Wed, 20 Aug 2025 00:48:14 +0200
Subject: [PATCH] gonna commit before trying making custom scrollbar

---
 src/pages/shop/_art_test.svelte | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/pages/shop/_art_test.svelte b/src/pages/shop/_art_test.svelte
index 1bd5e6d..ae5dc9e 100644
--- a/src/pages/shop/_art_test.svelte
+++ b/src/pages/shop/_art_test.svelte
@@ -1,8 +1,19 @@
-<div class="grid grid-cols-4 w-full h-full">
-  <div class="bg-blue-200 h-full col-start-2">
-    <div class="flex flex-col items-center w-full h-full">
-      <div class="w-10 h-10 bg-lime-200"></div>
+<div class="grid grid-cols-6 w-full h-[80vh]">
+  <div class="h-full col-start-2 col-span-2">
+    <div class="flex flex-col items-center justify-center w-full h-full">
+      <div class="flex flex-col w-72">
+        <div class="w-full h-72 bg-lime-200"></div>
+        <div class="flex w-full gap-4 overflow-x-scroll">
+          {#each { length: 4 } as i}
+            <img
+              src="https://placehold.co/600x400"
+              class="w-16 h-16 rounded object-cover"
+              alt=""
+            />
+          {/each}
+        </div>
+      </div>
     </div>
   </div>
-  <div class="bg-violet-600 h-full col-start-3">test2</div>
+  <div class="h-full col-start-4 col-span-2">test2</div>
 </div>