details view image component refactor
All checks were successful
/ Make image (push) Successful in 39s
All checks were successful
/ Make image (push) Successful in 39s
This commit is contained in:
parent
9d80345b77
commit
bb40d17e6b
5 changed files with 118 additions and 39 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue