Hide donation button icon under 376 screen width

pvdthings · Aug 22, 2023 · 3659e8e · 3659e8e
1 parent 4f01d5f
commit 3659e8e
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}