Enhance skin loading in index.php with lazy loading implementation for improved performance; update style.css to adjust dimensions and styling of skin images and modal overlay for better UI experience.

This commit is contained in:
Bram Suurd
2025-06-29 22:54:19 +02:00
parent dd7f45902b
commit e540e1e8e3
2 changed files with 47 additions and 10 deletions

View File

@@ -403,8 +403,9 @@ body {
}
.overlay-content {
width: 900px;
height: 600px;
width: 1000px;
height: 700px;
max-height: 85vh;
}
.modal-content {
@@ -471,10 +472,14 @@ body {
.skin-item .skin-image {
width: 100%;
height: 250px;
height: 180px;
object-fit: contain;
background: linear-gradient(145deg, #333, #222);
padding: 0.5rem;
padding: 0.75rem;
display: block;
box-sizing: border-box;
transform: scale(1.2);
transform-origin: center;
}
.skin-name {