[김은해] 220126_v2

b51a1043 · 김은해_이모션 · 12671571 · b51a1043 · b51a1043 · b51a1043
Commit b51a1043 authored Jan 26, 2022 by 김은해_이모션
13 changed files
--- a/src/assets/css/seller_common.css
+++ b/src/assets/css/seller_common.css
@@ -639,13 +639,8 @@
 }
 .seller-tab-area .fp-item-desc.phone-scale-desc {
-  min-height:328px;
+  min-height:240px;
-  max-height:328px;
+  max-height:240px;
-}
-.seller-tab-area .fp-item-desc.display-desc {
-  min-height:210px;
-  max-height:210px;
 }
 .seller-tab-area .fp-item-tit {
@@ -758,6 +753,18 @@
  transform:translate(-50%,-50%);
 }
+.seller-tab-area .fp-item-desc.phone-scale-desc .fp-item-img {
+  transform: translate(-50%,-60%);
+}
+.seller-tab-area .fp-item-desc.phone-scale-desc .fp-item-img.flip-folded {
+  transform: translate(-50%,-50%);
+}
+.seller-tab-area .fp-item-desc.phone-scale-desc .fp-item-img.fold-folded {
+  transform: translate(-50%,-52%);
+}
 .seller-tab-area .fp-item-img img {
  max-width:none;
 }
@@ -802,18 +809,18 @@
 .seller-tab-area .value-text.phone-height {
  writing-mode: vertical-rl;
-  height:144px;
+  height:94px;
  width:auto;
  transform:none;
  top:0;
-  left:72%;
+  left:63%;
  letter-spacing:-0.5px;
 }
 .seller-tab-area .value-text.phone-width {
  transform:none; 
  top:95%;
-  width:72px;
+  width:48px;
  left:0;
  letter-spacing:-0.5px;
 }
@@ -823,20 +830,20 @@
  top:95%;
  left:auto;
  width:auto;
-  right:-2px;
+  right:-3px;
  letter-spacing:-0.5px;
 }
 .seller-tab-area .fold-img .value-text.phone-height {
-  left:79%;
+  left:73%;
 }
 .seller-tab-area .fold-img .value-text.phone-width {
-  width:105px;
+  width:68px;
 }
 .seller-tab-area .fold-img .value-text.phone-thick {
-  right:1px;
+  right:-2px;
 }
 .seller-tab-area .fold-folded .value-text.phone-height {
@@ -844,31 +851,34 @@
 }
 .seller-tab-area .fold-folded .value-text.phone-width {
-  width:60px;
+  width:40px;
+  top:94%;
 }
 .seller-tab-area .fold-folded .value-text.phone-thick {
-  width:35px;
+  width:21px;
-  right:13px;
+  right:10px;
+  top:94%;
 }
 .seller-tab-area .flip-folded .value-text.phone-height {
-  left:98%;
+  left:99%;
-  height:72px;
+  height:48px;
  top:0;
  transform:none; 
 }
 .seller-tab-area .flip-folded .value-text.phone-width {
-  width:72px;
+  width:48px;
+  top:92%;
 }
 .seller-tab-area .flip-folded .value-text.phone-thick {
  writing-mode: vertical-rl;
-  left:98%;
+  left:99%;
  right:auto;
  top:auto;
-  bottom:18px;
+  bottom:10px;
 }
 .seller-tab-area .value-text.communication {
@@ -879,7 +889,7 @@
 }
 .seller-tab-area .value-text.sub-display-text {
-  transform: translate(-50%,-65%);
+  transform: translate(-50%,-68%);
 }
 .seller-tab-area .front-camera .fp-item-img {
@@ -932,18 +942,14 @@
  width:140px;
 }
-.seller-tab-area .w113 {
-  width:113px;
-}
-.seller-tab-area .w112 {
-  width:112px;
-}
 .seller-tab-area .w109 {
  width:109px;
 }
+.seller-tab-area .w103 {
+  width:103px;
+}
 .seller-tab-area .w102 {
  width:102px;
 }
@@ -960,8 +966,8 @@
  width:95px;
 }
-.seller-tab-area .w85 {
+.seller-tab-area .w86 {
-  width:85px;
+  width:86px;
 }
 .seller-tab-area .w83 {
@@ -972,6 +978,10 @@
  width:80px;
 }
+.seller-tab-area .w76 {
+  width:76px;
+}
 .seller-tab-area .w74 {
  width:74px;
 }
@@ -992,10 +1002,18 @@
  width:62px;
 }
+.seller-tab-area .w59 {
+  width:59px;
+}
 .seller-tab-area .w51 {
  width:51px;
 }
+.seller-tab-area .w48 {
+  width:48px;
+}
 .seller-tab-area .w42 {
  width:42px;

--- a/src/assets/html/seller_heder_modify.html
+++ b/src/assets/html/seller_heder_modify.html
@@ -522,7 +522,7 @@
                                        <div class="fp-item-desc phone-scale-desc">
                                            <h5 class="fp-item-tit">휴대폰 크기</h5>
                                            <div class="fp-item-img">
-                                                <img src="../img/point/icon-phone_2@2x.png" class="w113">
+                                                <img src="../img/point/icon-phone_2@2x.png" class="w86">
                                                <div class="value-text phone-height">160.8</div>
                                                <div class="value-text phone-width">78.1</div>
                                                <div class="value-text phone-thick">7.4</div>
@@ -551,10 +551,9 @@
                                            <h5 class="fp-item-tit">디스플레이</h5>
                                            <div class="row-box">
                                                <div class="fp-item-img side-img">
-                                                    <img src="../img/point/icon-phone@2x.png" class="w72">
+                                                    <img src="../img/point/icon-phone@2x.png" class="w48">
                                                    <div class="value-text">
-                                                        <span>6.2</span>            
+                                                        <span>6.2</span><span>인치</span>            
-                                                        <span>인치</span>            
                                                    </div>
                                                </div>     
                                                <div class="fp-item-txt side-txt">
@@ -590,8 +589,7 @@
                                            <div class="fp-item-img">
                                                <img src="../img/point/icon-ram@2x.png" class="w74">
                                                <div class="value-text ram">
-                                                    <span>6</span>            
+                                                    <span>6</span><span>GB</span>            
-                                                    <span>GB</span>            
                                                </div>
                                            </div>     
                                            <div class="fp-item-txt"><span>6</span><span>GB</span> RAM</div>   
@@ -603,8 +601,7 @@
                                            <div class="fp-item-img">
                                                <img src="../img/point/icon-battery@2x.png" class="w72">
                                                <div class="value-text battery">
-                                                    <span>2,815</span>            
+                                                    <span>2,815</span><span>mAh</span>            
-                                                    <span>mAh</span>            
                                                </div>
                                            </div>     
                                            <div class="fp-item-txt"><span>2815</span><span>mAh</span></div>   

--- a/src/assets/html/seller_heder_modify_f.html
+++ b/src/assets/html/seller_heder_modify_f.html
@@ -523,7 +523,7 @@
                                        <div class="fp-item-desc phone-scale-desc">
                                            <h5 class="fp-item-tit">휴대폰 크기</h5>
                                            <div class="fp-item-img">
-                                                <img src="../img/point/icon-phone_2@2x.png" class="w113">
+                                                <img src="../img/point/icon-phone_2@2x.png" class="w86">
                                                <div class="value-text phone-height">160.8</div>
                                                <div class="value-text phone-width">78.1</div>
                                                <div class="value-text phone-thick">7.4</div>
@@ -536,7 +536,7 @@
                                        <div class="fp-item-desc phone-scale-desc">
                                            <h5 class="fp-item-tit">휴대폰 크기</h5>
                                            <div class="fp-item-img fold-img">
-                                                <img src="../img/point/icon_8@2x.png" class="w140">
+                                                <img src="../img/point/icon_8@2x.png" class="w103">
                                                <div class="value-text phone-height">160.8</div>
                                                <div class="value-text phone-width">120</div>
                                                <div class="value-text phone-thick">10</div>
@@ -549,7 +549,7 @@
                                        <div class="fp-item-desc phone-scale-desc">
                                            <h5 class="fp-item-tit">접힌 상태<br>휴대폰 크기</h5>
                                            <div class="fp-item-img flip-folded">
-                                                <img src="../img/point/icon-phone_3@2x.png" class="w85">
+                                                <img src="../img/point/icon-phone_3@2x.png" class="w59">
                                                <div class="value-text phone-height">80.4</div>
                                                <div class="value-text phone-width">78.8</div>
                                                <div class="value-text phone-thick">14.8</div>
@@ -562,7 +562,7 @@
                                        <div class="fp-item-desc phone-scale-desc">
                                            <h5 class="fp-item-tit">접힌 상태<br>휴대폰 크기</h5>
                                            <div class="fp-item-img fold-folded">
-                                                <img src="../img/point/icondim@2x.png" class="w112">
+                                                <img src="../img/point/icondim@2x.png" class="w76">
                                                <div class="value-text phone-height">160.8</div>
                                                <div class="value-text phone-width">60</div>
                                                <div class="value-text phone-thick">20</div>
@@ -591,10 +591,9 @@
                                            <h5 class="fp-item-tit">디스플레이</h5>
                                            <div class="row-box">
                                                <div class="fp-item-img side-img">
-                                                    <img src="../img/point/icon-phone@2x.png" class="w72">
+                                                    <img src="../img/point/icon-phone@2x.png" class="w48">
                                                    <div class="value-text">
-                                                        <span>6.2</span>            
+                                                        <span>6.2</span><span>인치</span>            
-                                                        <span>인치</span>            
                                                    </div>
                                                </div>     
                                                <div class="fp-item-txt side-txt">
@@ -611,10 +610,9 @@
                                            <h5 class="fp-item-tit sub-display-tit">보조 디스플레이</h5>
                                            <div class="row-box">
                                                <div class="fp-item-img side-img">
-                                                    <img src="../img/point/icon-phone_4@2x.png" class="w70">
+                                                    <img src="../img/point/icon-phone_4@2x.png" class="w48">
                                                    <div class="value-text sub-display-text">
-                                                        <span>1.9</span>            
+                                                        <span>1.9</span><span>인치</span>            
-                                                        <span>인치</span>            
                                                    </div>
                                                </div>     
                                                <div class="fp-item-txt side-txt">
@@ -631,10 +629,9 @@
                                            <h5 class="fp-item-tit">보조 디스플레이</h5>
                                            <div class="row-box">
                                                <div class="fp-item-img side-img">
-                                                    <img src="../img/point/icon-phone@2x.png" class="w72">
+                                                    <img src="../img/point/icon-phone@2x.png" class="w48">
                                                    <div class="value-text">
-                                                        <span>6.2</span>            
+                                                        <span>6.2</span><span>인치</span>            
-                                                        <span>인치</span>            
                                                    </div>
                                                </div>     
                                                <div class="fp-item-txt side-txt">
@@ -670,8 +667,7 @@
                                            <div class="fp-item-img">
                                                <img src="../img/point/icon-ram@2x.png" class="w74">
                                                <div class="value-text ram">
-                                                    <span>6</span>            
+                                                    <span>6</span><span>GB</span>            
-                                                    <span>GB</span>            
                                                </div>
                                            </div>     
                                            <div class="fp-item-txt"><span>6</span><span>GB</span> RAM</div>   
@@ -683,8 +679,7 @@
                                            <div class="fp-item-img">
                                                <img src="../img/point/icon-battery@2x.png" class="w72">
                                                <div class="value-text battery">
-                                                    <span>2,815</span>            
+                                                    <span>2,815</span><span>mAh</span>            
-                                                    <span>mAh</span>            
                                                </div>
                                            </div>     
                                            <div class="fp-item-txt"><span>2815</span><span>mAh</span></div>   

--- a/src/assets/img/point/group-32@2x.png
+++ b/src/assets/img/point/group-32@2x.png
--- a/src/assets/img/point/group-6@2x.png
+++ b/src/assets/img/point/group-6@2x.png
--- a/src/assets/img/point/icon-phone@2x.png
+++ b/src/assets/img/point/icon-phone@2x.png
--- a/src/assets/img/point/icon-phone_2@2x.png
+++ b/src/assets/img/point/icon-phone_2@2x.png
--- a/src/assets/img/point/icon-phone_3@2x.png
+++ b/src/assets/img/point/icon-phone_3@2x.png
--- a/src/assets/img/point/icon-phone_4@2x.png
+++ b/src/assets/img/point/icon-phone_4@2x.png
--- a/src/assets/img/point/icon_6@2x.png
+++ b/src/assets/img/point/icon_6@2x.png
--- a/src/assets/img/point/icon_7@2x.png
+++ b/src/assets/img/point/icon_7@2x.png
--- a/src/assets/img/point/icon_8@2x.png
+++ b/src/assets/img/point/icon_8@2x.png
--- a/src/assets/img/point/icondim@2x.png
+++ b/src/assets/img/point/icondim@2x.png