Skip to content

Commit 7bf5458

Browse files
committed
fix: allow backgrounds grow all possible width
1 parent 7837f80 commit 7bf5458

File tree

1 file changed

+2
-6
lines changed

1 file changed

+2
-6
lines changed

src/routes/[id]/components/toolbox/background-editor.svelte

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,14 @@
33
import { WALLPAPERS } from '../../utils/constants';
44
</script>
55

6-
<div class="flex flex-wrap gap-4">
6+
<div class="grid grid-cols-[repeat(auto-fill,minmax(40px,1fr))] gap-4">
77
{#each WALLPAPERS as wallpaper}
88
<label
99
class="rounded-lg overflow-hidden outline outline-2 outline-offset-2 cursor-pointer transition-transform hover:scale-95 focus-within:scale-95
1010
{$background.name === wallpaper.name ? 'outline-white/90 hover:scale-100' : 'outline-transparent'}"
1111
for={wallpaper.name}
1212
>
13-
<img
14-
class="w-10 aspect-square object-fill"
15-
src={wallpaper.url}
16-
alt="{wallpaper.name} wallpaper"
17-
/>
13+
<img class="aspect-square object-fill" src={wallpaper.url} alt="{wallpaper.name} wallpaper" />
1814
<input
1915
type="radio"
2016
class="sr-only"

0 commit comments

Comments
 (0)