albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style and layout improvements on modals

Browse source 
/posting modal still needs some fixing tho/
This commit is contained in:
ndaniel1102 2021-03-14 01:27:01 +01:00
parent cdc2b3fd66
commit b0cbc5aa5e
10 changed files with 606 additions and 5426 deletions
Download patch file Download diff file Expand all files Collapse all files

69
src/components/modal.module.css
View file

@ -1,43 +1,48 @@
.modal {
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: 99;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.modalContent {
display: flex;
align-items: stretch;
max-height: 80%;
width: 80%;
position: fixed;
background: var(--background-color);
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 8px;
padding: 20px 30px;
cursor: auto;
display: flex;
align-items: stretch;
max-height: 80%;
width: 50%;
max-width: 52%;
width: auto;
position: fixed;
background: var(--background-color);
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 8px;
padding-top: 38px;
padding-bottom: 25px;
padding-right: 14px;
padding-left: 16px;
cursor: default;
}
.close {
cursor: pointer;
font-size: 18px;
position: absolute;
top: 10px;
right: 10px;
display: inline;
cursor: pointer;
font-size: 16.5px;
position: fixed;
top: 5px;
right: 10px;
margin-bottom: 10px;
text-align: right;
display: inline;
}
.children {
max-height: 100%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
max-height: 100%;
width: 100%;
overflow-y: auto;
overflow-x: auto;
}