diff --git a/public/assets/wallpapers/flame-abstract-wallpaper-orange.png b/public/assets/wallpapers/flame-abstract-wallpaper-orange.png new file mode 100644 index 0000000..bac64bb Binary files /dev/null and b/public/assets/wallpapers/flame-abstract-wallpaper-orange.png differ diff --git a/public/sitemap.xml b/public/sitemap.xml index eaa5dcc..eb4dc6a 100644 --- a/public/sitemap.xml +++ b/public/sitemap.xml @@ -34,5 +34,8 @@ https://os.prozilla.dev/assets/wallpapers/wave-abstract-wallpaper-teal.png + + https://os.prozilla.dev/assets/wallpapers/flame-abstract-wallpaper-orange.png + \ No newline at end of file diff --git a/src/components/apps/settings/Settings.module.css b/src/components/apps/settings/Settings.module.css index d20902d..9ba24f5 100644 --- a/src/components/apps/settings/Settings.module.css +++ b/src/components/apps/settings/Settings.module.css @@ -105,9 +105,15 @@ display: flex; } +.ImageSelectContainer { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); + gap: 0.5rem; +} + .ImageSelect { - min-width: 10rem; - max-width: 100%; + display: block; + width: 100%; } .ImageSelect > input { diff --git a/src/components/apps/settings/tabs/AppearanceSettings.tsx b/src/components/apps/settings/tabs/AppearanceSettings.tsx index 8f69ac2..94b10b8 100644 --- a/src/components/apps/settings/tabs/AppearanceSettings.tsx +++ b/src/components/apps/settings/tabs/AppearanceSettings.tsx @@ -70,8 +70,8 @@ export function AppearanceSettings() { > Browse -
- {(virtualRoot.navigate(WALLPAPERS_PATH) as VirtualFolder)?.getFiles()?.reverse().map(({ id, source }) => +
+ {(virtualRoot.navigate(WALLPAPERS_PATH) as VirtualFolder)?.getFiles()?.map(({ id, source }) =>