File tree Expand file tree Collapse file tree 1 file changed +2
-6
lines changed
src/routes/[id]/components/toolbox Expand file tree Collapse file tree 1 file changed +2
-6
lines changed Original file line number Diff line number Diff line change 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"
You can’t perform that action at this time.
0 commit comments