tolag3/kcc_adr_advc_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2024/07/12 팝업 미디어쿼리 수정

Browse Source
This commit is contained in:
subsub 2024-07-12 10:06:22 +09:00
parent 31952e0b41
commit 1f1407aa6a
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp
View File

@ -135,12 +135,12 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
</head>
<c:if test="${fn:length(popupList) > 0}" >
<style>
.pop-layer{left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.pop-layer{left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3);line-height:1.4;word-break:keep-all;}
.pop-layer .pop-container {padding:0px; border:4px solid #3845c0;}
.pop-layer .pop-container ul li {list-style:disc; line-height:1.2em; margin:0 0 0 20px;}
.pop-layer .pop-container ol li {list-style:decimal; line-height:1.2em; margin:0 0 0 20px;}
.pop-layer .pop-container em {font-style:Italic;}
.pop-layer .pop-container strong {font-weight:bold;}
.pop-layer .pop-container strong {font-weight:bold;line-height:1.4;}
.pop-layer .pop-container .pop-conts {padding:15px 30px; line-height:1.2em;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r {display: flex; width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right; justify-content: space-between; padding: 5px 10px; box-sizing: border-box; align-items: center; background-color:#f3f3f3;}
@ -153,12 +153,16 @@ function commonPopWindowopenForm(surl, popupwidth, popupheight, name, frm) {
<style>
#layer_pop_<c:out value='${popupListData.popupId}' />{
top: ${popupListData.popupVrticlLc}px;
/*left: ${popupListData.popupWidthLc}px;*/
/*width: ${popupListData.popupWidthSize}px; */
left: ${popupListData.popupWidthLc}px;
/* width: ${popupListData.popupWidthSize}px; */
height: auto;
}
@media screen and (max-width: 640px){
.pop-layer {width:100%; font-size:14px;}
@media screen and (max-width: 1024px){
.pop-layer {font-size:14px;left:50% !important;;}
}
@media screen and (max-width: 768px){
.pop-layer {width:90%;}
}
</style>
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="pop-layer">