mirror of
https://github.com/openfrontio/OpenFrontIO.git
synced 2026-06-21 15:10:43 +00:00
Mittanicz
ebe142a62a
Create css strucure, clean up the index html and use proper tags. Visualy minor changes, but this allow us maint better visuals and start the css standards that will help us future
58 lines
971 B
CSS
58 lines
971 B
CSS
.c-modal {
|
|
position: fixed;
|
|
padding: 1rem;
|
|
z-index: 1000;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
top: 0;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
overflow-y: auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.c-modal__wrapper {
|
|
background: #23232382;
|
|
border-radius: 8px;
|
|
min-width: 340px;
|
|
max-width: 860px;
|
|
}
|
|
|
|
.c-modal__header {
|
|
position: relative;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
font-size: 18px;
|
|
background: #000000a1;
|
|
text-align: center;
|
|
color: #fff;
|
|
padding: 1rem 2.4rem 1rem 1.4rem;
|
|
}
|
|
|
|
.c-modal__close {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 1rem;
|
|
top: 1rem;
|
|
}
|
|
|
|
.c-modal__content {
|
|
position: relative;
|
|
color: #fff;
|
|
padding: 1.4rem;
|
|
max-height: 60dvh;
|
|
overflow-y: scroll;
|
|
backdrop-filter: blur(8px);
|
|
}
|
|
|
|
/*This will be removed in future*/
|
|
o-modal o-button {
|
|
@media (min-width: 1024px) {
|
|
margin: 0 auto;
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
}
|