Merge pull request #46 from pvdthings/fix-donations-button-wrap

Hide donation button icon under 376 screen width
pvdthings · Aug 22, 2023 · 6196520 · 6196520
2 parents 4f01d5f + 3659e8e
commit 6196520
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/lib/views/WishListButtonView.svelte b/src/lib/views/WishListButtonView.svelte
@@ -6,16 +6,21 @@
 	import { t } from "$lib/language/translate";
 	import { wishListFilter } from "$lib/stores/catalog";
 
+  let innerWidth;
+  $: showIcon = innerWidth > 376;
+
   const toggleWishList = () => {
     $wishListFilter = !$wishListFilter;
 	};
 </script>
 
+<svelte:window bind:innerWidth />
+
 {#key $wishListFilter}
   <Button
     on:click={toggleWishList}
-    icon={EyeOffIcon}
-    selectedIcon={EyeIcon}
+    icon={showIcon ? EyeOffIcon : undefined}
+    selectedIcon={showIcon ? EyeIcon : undefined}
     theme={ButtonTheme.default}
     text={$t('Button.WishList')}
     selected={$wishListFilter}