details view image component refactor
All checks were successful
/ Make image (push) Successful in 39s

This commit is contained in:
nquidox 2025-10-19 17:30:22 +03:00
parent 9d80345b77
commit bb40d17e6b
5 changed files with 118 additions and 39 deletions

View file

@ -20,12 +20,27 @@
justify-content: center;
}
.center-button-container {
.button-container-center {
display: flex;
justify-content: center;
margin-top: 10px;
}
.button-container-evenly {
display: flex;
justify-content: space-between !important;
margin-top: 10px;
}
.button-container-evenly .n-button {
flex: 1;
min-width: 0;
}
.button-gap {
gap: 10px;
}
.center-button {
min-width: 320px;
}
@ -137,3 +152,17 @@ body,
.main-content {
flex: 1;
}
.image-preview-modal {
width: 80%;
max-width: 800px;
}
.image-preview-modal .n-card__content {
padding: 0;
text-align: center;
}
.preview-modal-image {
max-width: 99%;
max-height: 70vh;
object-fit: contain;
}