Merge pull request #212 from appwrite/qa-fixes-batch-2

QA fixes - 2nd Batch
appwrite · Oct 10, 2023 · 07bda0c · 07bda0c
2 parents b922021 + 0445cd3
commit 07bda0c
Show file tree

Hide file tree

Showing 15 changed files with 405 additions and 338 deletions.
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
     },
     "devDependencies": {
         "@melt-ui/pp": "^0.1.2",
-        "@melt-ui/svelte": "^0.51.0",
+        "@melt-ui/svelte": "^0.54.1",
         "@playwright/test": "^1.37.1",
         "@sveltejs/adapter-node": "^1.3.1",
         "@sveltejs/adapter-static": "^2.0.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/lib/components/Carousel.svelte b/src/lib/components/Carousel.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     let carousel: HTMLElement;
 
-    export let isBig = false;
+    export let size: 'default' | 'medium' | 'big' = 'default';
     export let gap = 32;
     let scroll = 0;
 
@@ -66,8 +66,10 @@
 
     <div class="carousel-wrapper" data-state={isStart ? 'start' : isEnd ? 'end' : 'middle'}>
         <ul
-            class="aw-grid-articles aw-u-gap-32 u-margin-block-start-32 carousel"
-            class:is-big={isBig}
+            class="aw-grid-articles u-margin-block-start-32 carousel"
+            class:is-medium={size === 'medium'}
+            class:is-big={size === 'big'}
+            style:gap="{gap}px"
             bind:this={carousel}
             on:scroll={handleScroll}
         >
@@ -120,6 +122,11 @@
         scroll-snap-type: x proximity;
 
         scrollbar-width: none;
+        -ms-overflow-style: none;
+
+        &::-webkit-scrollbar {
+            display: none;
+        }
     }
 
     .carousel :global(li) {