gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

구매완료 팝업추가

Browse Source
This commit is contained in:
NEW_GIL_HOME\hyeon
2024-07-22 20:39:36 +09:00
parent dc9af97b15
commit 9d35c26f8b
8 changed files with 1328 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
assets/css/popup.scss
View File

@@ -224,4 +224,120 @@
}
}
}
&.payComplete{
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
display: flex;
background-color: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
z-index: 500;
.popInner {
position: relative;
top:55%;
max-width:120rem;
height: 84.5rem;
padding: 0;
border-radius: 0;
background: url(../images/kia/contents/poup_complete.jpg) no-repeat center / cover;
.popContents{
position: absolute;
bottom:14%;
right: 11.5%;
width: 44rem;
height: 45.5rem;
.logo {
display: block;
height: 1.6rem;
margin-bottom:1.9rem;
background-image: url(../images/kia/kia-logo-n.svg);
background-repeat: no-repeat;
background-size: auto 100%;
text-indent: -9999em;
}
.payInfoCon {
display: flex;
justify-content: center;
flex-direction: column;
width: 44rem;
height: 42rem;
background-color: #fff;
}
p{
strong{
display: block;
font-size: 2.8rem;
line-height: 3.4rem;
margin-bottom:3rem;
text-align: center;
}
span{
display: block;
font-size: 1.6rem;
color: #676767;
line-height: 2.4rem;
text-align: center;
}
}
}
@include maxtablet{
max-height: 64rem;
background: url(../images/kia/contents/poup_complete_m.jpg) no-repeat center / cover;
.popContents {
position: absolute;
bottom: 3rem;
right: auto;
width: 100%;
height: auto;
.logo {
display: block;
width: 81.25%;
height: 1.2rem;
margin: 0 auto;
margin-bottom:1.2rem;
}
.payInfoCon {
width: 81.25%;
height: 26rem;
margin: 0 auto;
}
p{
padding:0 3rem;
strong{
font-size: 1.6rem;
line-height: 1.92rem;
margin-bottom:2rem;
}
span{
font-size: 1.2rem;
line-height: 1.44rem;
em {
display: block;
}
}
}
.oneButton {
margin-top:4rem;
}
}
}
@media(max-width: 320px){
.popContents {
p {
padding: 0 1rem;
}
}
}
}
}
}