mirror of
https://github.com/karl0ss/ai_image_frame_server.git
synced 2025-06-08 19:35:07 +01:00
add mobile better mobile support
This commit is contained in:
parent
55ccd71383
commit
3f2c59c5bb
@ -57,15 +57,6 @@
|
||||
/* NEW: allow scrolling */
|
||||
}
|
||||
|
||||
/* Optional: Adjust height for smaller screens */
|
||||
@media (max-width: 768px) {
|
||||
.prompt {
|
||||
max-height: 25vh;
|
||||
/* even smaller on mobile */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.button-group {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
@ -102,6 +93,34 @@
|
||||
pointer-events: none;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.image-container {
|
||||
max-width: 100vw;
|
||||
max-height: 50vh;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.prompt {
|
||||
max-height: 20vh;
|
||||
font-size: 14px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.button-group {
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.button-link {
|
||||
font-size: 14px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
setInterval(() => {
|
||||
|
Loading…
x
Reference in New Issue
Block a user