danvics/ProzillaOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added new wallpaper

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/assets/wallpapers/flame-abstract-wallpaper-orange.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 88 KiB

3
public/sitemap.xml
View file

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

10
src/components/apps/settings/Settings.module.css
View file

@ -105,9 +105,15 @@
display: flex; display: flex;
} }
.ImageSelectContainer {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
gap: 0.5rem;
}
.ImageSelect { .ImageSelect {
min-width: 10rem; display: block;
max-width: 100%; width: 100%;
} }
.ImageSelect > input { .ImageSelect > input {

4
src/components/apps/settings/tabs/AppearanceSettings.tsx
View file

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

4
src/components/windows/WindowView.module.css
View file

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

7
src/config/desktop.config.ts
View file

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