mirror of
https://github.com/pawelmalak/flame.git
synced 2025-07-26 06:19:36 +02:00
Small changes to CSS. README.md with screenshots
This commit is contained in:
parent
1636b705de
commit
22920f2660
16 changed files with 70 additions and 40 deletions
|
@ -2,9 +2,8 @@
|
|||
background-color: var(--color-background);
|
||||
color: var(--color-primary);
|
||||
border-radius: 6px;
|
||||
width: 60%;
|
||||
width: 95%;
|
||||
position: relative;
|
||||
/* height: 50vh; */
|
||||
padding: 50px 50px;
|
||||
}
|
||||
|
||||
|
@ -17,4 +16,28 @@
|
|||
|
||||
.ModalFormIcon:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@media (min-width: 430px) {
|
||||
.ModalForm {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.ModalForm {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1000px) {
|
||||
.ModalForm {
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1400px) {
|
||||
.ModalForm {
|
||||
width: 40%;
|
||||
}
|
||||
}
|
|
@ -1,7 +1,7 @@
|
|||
.Modal {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue