chominsoo4245 / mjon_git star
Forked from hylee / mjon_git
정수빈 정수빈 2025-07-29
header 보유잔액 호버 시 이벤트 잔액 추가
@1f8982d1d6779ade093515952586ab1000407573
276afbb
1f8982d
src/main/webapp/publish/css/common.css
--- src/main/webapp/publish/css/common.css
+++ src/main/webapp/publish/css/common.css
@@ -133,7 +133,7 @@
 
 .login2 .check_money .hover_content_wrap{display:inline-block;position:relative;}
 
 .login2 .check_money .hover_content_wrap .qmMark{width:17px;height:17px;margin:0 4px 0 0;background:#6a6c72;border-radius:100%;color:#fff;text-align:center;}
 
 .login2 .check_money .hover_content_wrap .qmMark:hover+.hover_content{display:block;}
 
-.login2 .check_money .hover_content{display:none;position:absolute;padding:12px 10px 8px 10px;border:2px solid #002c9a;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.5);transform:translateX(-50%);border-radius:5px;top:34px;left:8px;}
 
+.login2 .check_money .hover_content{display:none;position:absolute;padding:12px 12px 8px 12px;border:2px solid #002c9a;background:#fff;box-shadow: 0 3px 10px 0 rgba(0,0,0,0.5);transform:translateX(-50%);border-radius:5px;top:34px;left:8px;}
 
 .login2 .check_money .hover_content::after{content:'';position:absolute;left:50%;top:-10px;width:16px;height:10px;margin:0 0 0 -8px;background:url(../images/content/icon_account_arrow.png) no-repeat left top;}
 
 .login2 .check_money .hover_content .hover_content_title{font-size:14px;font-weight:600;margin:0 0 10px 0;}
 
 .login2 .check_money .hover_content .hover_content_title span{padding:0;font-size:13px;font-weight:400;}
@@ -142,7 +142,9 @@
 
 .login2 .check_money .hover_content .send_available_number li{display:flex;justify-content:space-between;font-size:13px;}
 
 .login2 .check_money .hover_content .title{min-width:70px;}
 
 .login2 .check_money .hover_content .number{text-align:right;padding:0;}
 
-.login2 .check_money .hover_content .event_term{width:100%;padding:2px 0;margin:8px 0 0 0;background:#e5e5e5;font-size:13px;color:#444;text-align:center;border-radius:25px;}
 
+.login2 .check_money .hover_content .event_term{display:flex;width:100%;padding:4px 5px 4px 7px;margin:8px 0 0 0;background:#FFE5E5;font-size:13px;color:#e40000;text-align:center;border-radius:25px;justify-content:space-between;box-sizing:border-box;}
 
+.login2 .check_money .hover_content .event_term p:last-child{color:#222;}
 
+.login2 .check_money .hover_content .event_term p:last-child span{color:#e40000;}
 
 
 /*후불 회원에게만 노출되는 안내레이어*/
 
 .login2 .check_money .holdingsum_box {position: relative; display:flex; align-items: center;}
276afbb
1f8982d
src/main/webapp/publish/layout/_header.html
--- src/main/webapp/publish/layout/_header.html
+++ src/main/webapp/publish/layout/_header.html
@@ -370,7 +370,7 @@
 
                         <p class="number"><span class="c_002c9a fwBold">58</span>원(345매)</p>

                       </li>

                     </ul>

-                    <p class="event_term">이벤트 적용중  <span class="fwBold">D-60</span></p>

+                    <div class="event_term"><p>이벤트<span class="fwBold">(D-60)</span></p><p><span class="fwBold price">500,000.99</span>원</p></div>

                   </div>

                 </div>

                 <span class="fwMd" id="hdUserMoney">999,999,999.99</span>원
Add a comment
List