This commit is contained in:
BoHung Chiu 2021-06-16 16:47:43 +08:00
parent e02af9e9b2
commit 39fa141550
1 changed files with 9 additions and 9 deletions

View File

@ -27,7 +27,7 @@
opacity: 0; opacity: 0;
top: -20000px; top: -20000px;
background: rgba(0,0,0,.7); background: rgba(0,0,0,.7);
z-index: 1000; z-index: 1100;
left: 0; left: 0;
transition:opacity .3s ,top 0s .3s; transition:opacity .3s ,top 0s .3s;
&.active{ &.active{
@ -57,22 +57,22 @@
font-weight: bold; font-weight: bold;
transition:opacity .5s ,top .5s, left 0s .5s; transition:opacity .5s ,top .5s, left 0s .5s;
padding: 2px; padding: 2px;
@media (min-width: 768px){ @media (min-width: 768px){
width: 40%; width: 40%;
padding: 30px; padding: 30px;
} }
@media (max-width: 767px){
padding: 30px 10px;
}
.close-btn{ .close-btn{
position: absolute; position: absolute;
right: 0; right: 0;
top:-40px; top:0;
padding: 5px 10px; padding: 5px 10px;
background: $theme-color-main; background: $theme-color-main;
color:#fff; color:#fff;
font-size: 18px; font-size: 18px;
transition:.3s; transition:.3s;
@media (min-width: 768px){
top:0;
}
&:hover{ &:hover{
background: $theme-color-second; background: $theme-color-second;
} }