Karl/ai-frame-image-server
1
0
Fork 0
mirror of https://github.com/karl0ss/ai_image_frame_server.git synced 2025-05-28 15:45:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

add style for mobile

Browse Source
This commit is contained in:
Karl 2025-05-17 10:37:10 +01:00
parent 4ec98ebf8f
commit b0bb465cf7
1 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
templates/gallery.html
View File

@ -124,6 +124,44 @@
.button-link:hover { .button-link:hover {
background: #555; background: #555;
} }
@media (max-width: 600px) {
body {
padding: 1rem;
font-size: 14px;
}
.gallery {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 12px;
}
.gallery img {
border-radius: 8px;
}
.lightbox .close {
font-size: 36px;
top: 10px;
right: 15px;
}
.arrow {
font-size: 48px;
top: 50%;
}
#lightbox-prompt {
font-size: 14px;
max-width: 90%;
padding: 8px 16px;
}
.button-link {
font-size: 14px;
padding: 8px 16px;
}
}
</style> </style>
</head> </head>