Added new wallpaper
This commit is contained in:
parent
a8c893807d
commit
55e66c391a
6 changed files with 21 additions and 7 deletions
BIN
public/assets/wallpapers/flame-abstract-wallpaper-orange.png
Normal file
BIN
public/assets/wallpapers/flame-abstract-wallpaper-orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
|
|
@ -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>
|
||||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -5,6 +5,10 @@
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
.Window-container.Minimized {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@keyframes pop-in {
|
||||
0% {
|
||||
scale: 0;
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
];
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue