Added new wallpaper

This commit is contained in:
Prozilla 2024-06-05 22:25:03 +02:00
parent a8c893807d
commit 55e66c391a
No known key found for this signature in database
GPG key ID: 5858DFE71CAF31EE
6 changed files with 21 additions and 7 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

View file

@ -34,5 +34,8 @@
<image:image>
<image:loc>https://os.prozilla.dev/assets/wallpapers/wave-abstract-wallpaper-teal.png</image:loc>
</image:image>
<image:image>
<image:loc>https://os.prozilla.dev/assets/wallpapers/flame-abstract-wallpaper-orange.png</image:loc>
</image:image>
</url>
</urlset>

View file

@ -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 {

View file

@ -70,8 +70,8 @@ export function AppearanceSettings() {
>
Browse
</Button>
<div className={styles.Input}>
{(virtualRoot.navigate(WALLPAPERS_PATH) as VirtualFolder)?.getFiles()?.reverse().map(({ id, source }) =>
<div className={`${styles.Input} ${styles.ImageSelectContainer}`}>
{(virtualRoot.navigate(WALLPAPERS_PATH) as VirtualFolder)?.getFiles()?.map(({ id, source }) =>
<label className={styles.ImageSelect} key={id}>
<input
type="radio"

View file

@ -5,6 +5,10 @@
position: absolute;
}
.Window-container.Minimized {
pointer-events: none;
}
@keyframes pop-in {
0% {
scale: 0;

View file

@ -1,11 +1,12 @@
export const WALLPAPERS = [
"/assets/wallpapers/vibrant-wallpaper-blue-purple-red.png",
"/assets/wallpapers/abstract-mesh-gradient-orange-red-purple.png",
"/assets/wallpapers/vibrant-wallpaper-purple-yellow.png",
"/assets/wallpapers/abstract-wallpaper-mesh-gradient-cyan.png",
"/assets/wallpapers/colorful-abstract-wallpaper-blue-red-green.png",
"/assets/wallpapers/colorful-mesh-gradient-yellow-blue-green.png",
"/assets/wallpapers/mesh-gradient-wallpaper-red-purple.png",
"/assets/wallpapers/vibrant-wallpaper-blue-purple-red.png",
"/assets/wallpapers/vibrant-wallpaper-purple-yellow.png",
"/assets/wallpapers/colorful-mesh-gradient-yellow-blue-green.png",
"/assets/wallpapers/flame-abstract-wallpaper-orange.png",
"/assets/wallpapers/wave-abstract-wallpaper-teal.png",
];