fix(#169): preview item scrollbar

eythaann · Nov 24, 2024 · f641d92 · f641d92
1 parent 9ed5a25
commit f641d92
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/apps/seelenweg/modules/item/infra/UserApplication.tsx b/src/apps/seelenweg/modules/item/infra/UserApplication.tsx
@@ -89,9 +89,11 @@ export const UserApplication = memo(({ item }: Props) => {
               onMouseMoveCapture={(e) => e.stopPropagation()}
               prefix="preview"
             >
-              {item.opens.map((hwnd) => (
-                <UserApplicationPreview key={hwnd} hwnd={hwnd} />
-              ))}
+              <div className="weg-item-preview-scrollbar">
+                {item.opens.map((hwnd) => (
+                  <UserApplicationPreview key={hwnd} hwnd={hwnd} />
+                ))}
+              </div>
             </BackgroundByLayersV2>
           }
         >

diff --git a/src/apps/seelenweg/styles/global.css b/src/apps/seelenweg/styles/global.css
@@ -169,13 +169,16 @@ body {
 
 .weg-item-preview-container {
   position: relative;
-  display: flex;
   max-width: 100vw;
-  overflow-x: auto;
   gap: var(--config-space-between-items);
+
+  .weg-item-preview-scrollbar {
+    display: flex;
+    overflow-x: auto;
 
-  &::-webkit-scrollbar {
-    display: none;
+    &::-webkit-scrollbar {
+      display: none;
+    }
   }
 
   .weg-item-preview {