ptpadmin/ptp
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Use mobile2.jpg for mobile devices background

Browse Source 
- Mobile devices now use mobile2.jpg (1106x3070, 1.6 MB)
- Desktop continues to use desktop.webp
- Better composition for mobile screen aspect ratio
This commit is contained in:
Kirik
2025-11-12 20:14:03 +01:00
parent 2d6c391866
commit 28f262d163
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/adaptive-background.css
+3 -3
View File
@@ -1,12 +1,12 @@
/* Adaptive Background Images for Mobile and Desktop */ /* Adaptive Background Images for Mobile and Desktop */
/* Mobile devices (max-width: 736px) - Use desktop.webp (same as desktop for consistency) */ /* Mobile devices (max-width: 736px) - Use mobile2.jpg */
@media screen and (max-width: 736px) { @media screen and (max-width: 736px) {
#wrapper > .bg { #wrapper > .bg {
background-image: url('../../images/overlay.png'), background-image: url('../../images/overlay.png'),
linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
url('../../images/desktop.webp') !important; url('../../images/mobile2.jpg') !important;
background-size: 800%; background-size: cover;
background-position: center; background-position: center;
background-attachment: fixed; background-attachment: fixed;
} }