Compare commits

...

2 Commits

Author SHA1 Message Date
b8322e1fd8 updated view on gallery page 2025-05-27 18:43:58 +01:00
d749da148e scrollable text on index 2025-05-27 18:41:46 +01:00
3 changed files with 25 additions and 3 deletions

View File

@ -1,5 +1,5 @@
[tool.bumpversion] [tool.bumpversion]
current_version = "0.1.7" current_version = "0.1.8"
parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)" parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)"
serialize = ["{major}.{minor}.{patch}"] serialize = ["{major}.{minor}.{patch}"]
search = "{current_version}" search = "{current_version}"

View File

@ -100,6 +100,10 @@
max-width: 80%; max-width: 80%;
text-align: left; text-align: left;
margin-top: 20px; margin-top: 20px;
max-height: 25vh;
/* NEW: restrict height */
overflow-y: auto;
/* NEW: allow vertical scroll */
} }
/* Back button fixed top right */ /* Back button fixed top right */
@ -158,6 +162,10 @@
font-size: 14px; font-size: 14px;
max-width: 90%; max-width: 90%;
padding: 8px 16px; padding: 8px 16px;
max-height: 20vh;
/* smaller height for mobile */
overflow-y: auto;
/* keep scroll on mobile too */
} }
.button-link { .button-link {

View File

@ -21,7 +21,8 @@
background: black; background: black;
color: white; color: white;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
position: relative; /* So fixed elements inside work well */ position: relative;
/* So fixed elements inside work well */
} }
.image-container { .image-container {
@ -50,8 +51,21 @@
border-radius: 10px; border-radius: 10px;
max-width: 80vw; max-width: 80vw;
text-align: left; text-align: left;
max-height: 30vh;
/* NEW: limit height */
overflow-y: auto;
/* NEW: allow scrolling */
} }
/* Optional: Adjust height for smaller screens */
@media (max-width: 768px) {
.prompt {
max-height: 25vh;
/* even smaller on mobile */
}
}
.button-group { .button-group {
display: flex; display: flex;
gap: 20px; gap: 20px;
@ -116,4 +130,4 @@
<div class="version">v{{ version }}</div> <div class="version">v{{ version }}</div>
</body> </body>
</html> </html>