Improve UI responsiveness by adjusting table cell dimensions and modal image sizing
This commit is contained in:
@@ -224,7 +224,6 @@ pre {
|
|||||||
background-color: var(--dark-bg-hover);
|
background-color: var(--dark-bg-hover);
|
||||||
box-shadow: 0 0 10px var(--theme-green);
|
box-shadow: 0 0 10px var(--theme-green);
|
||||||
}
|
}
|
||||||
|
|
||||||
#upload-form {
|
#upload-form {
|
||||||
transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease;
|
transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -274,6 +273,7 @@ td {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
min-width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ======== Modal ======== */
|
/* ======== Modal ======== */
|
||||||
@@ -294,7 +294,10 @@ td {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#image-modal-container img {
|
#image-modal-container img {
|
||||||
width: 60%;
|
width: 90%;
|
||||||
|
max-width: 800px;
|
||||||
|
max-height: 90vh;
|
||||||
|
object-fit: contain;
|
||||||
border: 2px solid var(--theme-green);
|
border: 2px solid var(--theme-green);
|
||||||
box-shadow: 0 0 20px var(--theme-green);
|
box-shadow: 0 0 20px var(--theme-green);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -309,6 +312,7 @@ td {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
|
min-width: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ======== FAQ ======== */
|
/* ======== FAQ ======== */
|
||||||
|
|||||||
Reference in New Issue
Block a user