Adjusted modal styling and improve responsiveness.
This commit is contained in:
+5
-1
@@ -499,11 +499,13 @@ body.menu-open {
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 40px 0;
|
padding: 20px 0;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
z-index: 2500;
|
z-index: 2500;
|
||||||
|
inset: 0;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#weapon-form.show {
|
#weapon-form.show {
|
||||||
@@ -518,6 +520,8 @@ body.menu-open {
|
|||||||
max-width: 480px;
|
max-width: 480px;
|
||||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
||||||
position: relative;
|
position: relative;
|
||||||
|
max-height: calc(100vh - 40px);
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#weapon-form h2 {
|
#weapon-form h2 {
|
||||||
|
|||||||
Reference in New Issue
Block a user