Commit b51a1043 authored by 김은해_이모션's avatar 김은해_이모션

[김은해] 220126_v2

parent 12671571
...@@ -639,13 +639,8 @@ ...@@ -639,13 +639,8 @@
} }
.seller-tab-area .fp-item-desc.phone-scale-desc { .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 { .seller-tab-area .fp-item-tit {
...@@ -758,6 +753,18 @@ ...@@ -758,6 +753,18 @@
transform:translate(-50%,-50%); 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 { .seller-tab-area .fp-item-img img {
max-width:none; max-width:none;
} }
...@@ -802,18 +809,18 @@ ...@@ -802,18 +809,18 @@
.seller-tab-area .value-text.phone-height { .seller-tab-area .value-text.phone-height {
writing-mode: vertical-rl; writing-mode: vertical-rl;
height:144px; height:94px;
width:auto; width:auto;
transform:none; transform:none;
top:0; top:0;
left:72%; left:63%;
letter-spacing:-0.5px; letter-spacing:-0.5px;
} }
.seller-tab-area .value-text.phone-width { .seller-tab-area .value-text.phone-width {
transform:none; transform:none;
top:95%; top:95%;
width:72px; width:48px;
left:0; left:0;
letter-spacing:-0.5px; letter-spacing:-0.5px;
} }
...@@ -823,20 +830,20 @@ ...@@ -823,20 +830,20 @@
top:95%; top:95%;
left:auto; left:auto;
width:auto; width:auto;
right:-2px; right:-3px;
letter-spacing:-0.5px; letter-spacing:-0.5px;
} }
.seller-tab-area .fold-img .value-text.phone-height { .seller-tab-area .fold-img .value-text.phone-height {
left:79%; left:73%;
} }
.seller-tab-area .fold-img .value-text.phone-width { .seller-tab-area .fold-img .value-text.phone-width {
width:105px; width:68px;
} }
.seller-tab-area .fold-img .value-text.phone-thick { .seller-tab-area .fold-img .value-text.phone-thick {
right:1px; right:-2px;
} }
.seller-tab-area .fold-folded .value-text.phone-height { .seller-tab-area .fold-folded .value-text.phone-height {
...@@ -844,31 +851,34 @@ ...@@ -844,31 +851,34 @@
} }
.seller-tab-area .fold-folded .value-text.phone-width { .seller-tab-area .fold-folded .value-text.phone-width {
width:60px; width:40px;
top:94%;
} }
.seller-tab-area .fold-folded .value-text.phone-thick { .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 { .seller-tab-area .flip-folded .value-text.phone-height {
left:98%; left:99%;
height:72px; height:48px;
top:0; top:0;
transform:none; transform:none;
} }
.seller-tab-area .flip-folded .value-text.phone-width { .seller-tab-area .flip-folded .value-text.phone-width {
width:72px; width:48px;
top:92%;
} }
.seller-tab-area .flip-folded .value-text.phone-thick { .seller-tab-area .flip-folded .value-text.phone-thick {
writing-mode: vertical-rl; writing-mode: vertical-rl;
left:98%; left:99%;
right:auto; right:auto;
top:auto; top:auto;
bottom:18px; bottom:10px;
} }
.seller-tab-area .value-text.communication { .seller-tab-area .value-text.communication {
...@@ -879,7 +889,7 @@ ...@@ -879,7 +889,7 @@
} }
.seller-tab-area .value-text.sub-display-text { .seller-tab-area .value-text.sub-display-text {
transform: translate(-50%,-65%); transform: translate(-50%,-68%);
} }
.seller-tab-area .front-camera .fp-item-img { .seller-tab-area .front-camera .fp-item-img {
...@@ -932,18 +942,14 @@ ...@@ -932,18 +942,14 @@
width:140px; width:140px;
} }
.seller-tab-area .w113 {
width:113px;
}
.seller-tab-area .w112 {
width:112px;
}
.seller-tab-area .w109 { .seller-tab-area .w109 {
width:109px; width:109px;
} }
.seller-tab-area .w103 {
width:103px;
}
.seller-tab-area .w102 { .seller-tab-area .w102 {
width:102px; width:102px;
} }
...@@ -960,8 +966,8 @@ ...@@ -960,8 +966,8 @@
width:95px; width:95px;
} }
.seller-tab-area .w85 { .seller-tab-area .w86 {
width:85px; width:86px;
} }
.seller-tab-area .w83 { .seller-tab-area .w83 {
...@@ -972,6 +978,10 @@ ...@@ -972,6 +978,10 @@
width:80px; width:80px;
} }
.seller-tab-area .w76 {
width:76px;
}
.seller-tab-area .w74 { .seller-tab-area .w74 {
width:74px; width:74px;
} }
...@@ -992,10 +1002,18 @@ ...@@ -992,10 +1002,18 @@
width:62px; width:62px;
} }
.seller-tab-area .w59 {
width:59px;
}
.seller-tab-area .w51 { .seller-tab-area .w51 {
width:51px; width:51px;
} }
.seller-tab-area .w48 {
width:48px;
}
.seller-tab-area .w42 { .seller-tab-area .w42 {
width:42px; width:42px;
......
...@@ -522,7 +522,7 @@ ...@@ -522,7 +522,7 @@
<div class="fp-item-desc phone-scale-desc"> <div class="fp-item-desc phone-scale-desc">
<h5 class="fp-item-tit">휴대폰 크기</h5> <h5 class="fp-item-tit">휴대폰 크기</h5>
<div class="fp-item-img"> <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-height">160.8</div>
<div class="value-text phone-width">78.1</div> <div class="value-text phone-width">78.1</div>
<div class="value-text phone-thick">7.4</div> <div class="value-text phone-thick">7.4</div>
...@@ -551,10 +551,9 @@ ...@@ -551,10 +551,9 @@
<h5 class="fp-item-tit">디스플레이</h5> <h5 class="fp-item-tit">디스플레이</h5>
<div class="row-box"> <div class="row-box">
<div class="fp-item-img side-img"> <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"> <div class="value-text">
<span>6.2</span> <span>6.2</span><span>인치</span>
<span>인치</span>
</div> </div>
</div> </div>
<div class="fp-item-txt side-txt"> <div class="fp-item-txt side-txt">
...@@ -590,8 +589,7 @@ ...@@ -590,8 +589,7 @@
<div class="fp-item-img"> <div class="fp-item-img">
<img src="../img/point/icon-ram@2x.png" class="w74"> <img src="../img/point/icon-ram@2x.png" class="w74">
<div class="value-text ram"> <div class="value-text ram">
<span>6</span> <span>6</span><span>GB</span>
<span>GB</span>
</div> </div>
</div> </div>
<div class="fp-item-txt"><span>6</span><span>GB</span> RAM</div> <div class="fp-item-txt"><span>6</span><span>GB</span> RAM</div>
...@@ -603,8 +601,7 @@ ...@@ -603,8 +601,7 @@
<div class="fp-item-img"> <div class="fp-item-img">
<img src="../img/point/icon-battery@2x.png" class="w72"> <img src="../img/point/icon-battery@2x.png" class="w72">
<div class="value-text battery"> <div class="value-text battery">
<span>2,815</span> <span>2,815</span><span>mAh</span>
<span>mAh</span>
</div> </div>
</div> </div>
<div class="fp-item-txt"><span>2815</span><span>mAh</span></div> <div class="fp-item-txt"><span>2815</span><span>mAh</span></div>
......
...@@ -523,7 +523,7 @@ ...@@ -523,7 +523,7 @@
<div class="fp-item-desc phone-scale-desc"> <div class="fp-item-desc phone-scale-desc">
<h5 class="fp-item-tit">휴대폰 크기</h5> <h5 class="fp-item-tit">휴대폰 크기</h5>
<div class="fp-item-img"> <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-height">160.8</div>
<div class="value-text phone-width">78.1</div> <div class="value-text phone-width">78.1</div>
<div class="value-text phone-thick">7.4</div> <div class="value-text phone-thick">7.4</div>
...@@ -536,7 +536,7 @@ ...@@ -536,7 +536,7 @@
<div class="fp-item-desc phone-scale-desc"> <div class="fp-item-desc phone-scale-desc">
<h5 class="fp-item-tit">휴대폰 크기</h5> <h5 class="fp-item-tit">휴대폰 크기</h5>
<div class="fp-item-img fold-img"> <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-height">160.8</div>
<div class="value-text phone-width">120</div> <div class="value-text phone-width">120</div>
<div class="value-text phone-thick">10</div> <div class="value-text phone-thick">10</div>
...@@ -549,7 +549,7 @@ ...@@ -549,7 +549,7 @@
<div class="fp-item-desc phone-scale-desc"> <div class="fp-item-desc phone-scale-desc">
<h5 class="fp-item-tit">접힌 상태<br>휴대폰 크기</h5> <h5 class="fp-item-tit">접힌 상태<br>휴대폰 크기</h5>
<div class="fp-item-img flip-folded"> <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-height">80.4</div>
<div class="value-text phone-width">78.8</div> <div class="value-text phone-width">78.8</div>
<div class="value-text phone-thick">14.8</div> <div class="value-text phone-thick">14.8</div>
...@@ -562,7 +562,7 @@ ...@@ -562,7 +562,7 @@
<div class="fp-item-desc phone-scale-desc"> <div class="fp-item-desc phone-scale-desc">
<h5 class="fp-item-tit">접힌 상태<br>휴대폰 크기</h5> <h5 class="fp-item-tit">접힌 상태<br>휴대폰 크기</h5>
<div class="fp-item-img fold-folded"> <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-height">160.8</div>
<div class="value-text phone-width">60</div> <div class="value-text phone-width">60</div>
<div class="value-text phone-thick">20</div> <div class="value-text phone-thick">20</div>
...@@ -591,10 +591,9 @@ ...@@ -591,10 +591,9 @@
<h5 class="fp-item-tit">디스플레이</h5> <h5 class="fp-item-tit">디스플레이</h5>
<div class="row-box"> <div class="row-box">
<div class="fp-item-img side-img"> <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"> <div class="value-text">
<span>6.2</span> <span>6.2</span><span>인치</span>
<span>인치</span>
</div> </div>
</div> </div>
<div class="fp-item-txt side-txt"> <div class="fp-item-txt side-txt">
...@@ -611,10 +610,9 @@ ...@@ -611,10 +610,9 @@
<h5 class="fp-item-tit sub-display-tit">보조 디스플레이</h5> <h5 class="fp-item-tit sub-display-tit">보조 디스플레이</h5>
<div class="row-box"> <div class="row-box">
<div class="fp-item-img side-img"> <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"> <div class="value-text sub-display-text">
<span>1.9</span> <span>1.9</span><span>인치</span>
<span>인치</span>
</div> </div>
</div> </div>
<div class="fp-item-txt side-txt"> <div class="fp-item-txt side-txt">
...@@ -631,10 +629,9 @@ ...@@ -631,10 +629,9 @@
<h5 class="fp-item-tit">보조 디스플레이</h5> <h5 class="fp-item-tit">보조 디스플레이</h5>
<div class="row-box"> <div class="row-box">
<div class="fp-item-img side-img"> <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"> <div class="value-text">
<span>6.2</span> <span>6.2</span><span>인치</span>
<span>인치</span>
</div> </div>
</div> </div>
<div class="fp-item-txt side-txt"> <div class="fp-item-txt side-txt">
...@@ -670,8 +667,7 @@ ...@@ -670,8 +667,7 @@
<div class="fp-item-img"> <div class="fp-item-img">
<img src="../img/point/icon-ram@2x.png" class="w74"> <img src="../img/point/icon-ram@2x.png" class="w74">
<div class="value-text ram"> <div class="value-text ram">
<span>6</span> <span>6</span><span>GB</span>
<span>GB</span>
</div> </div>
</div> </div>
<div class="fp-item-txt"><span>6</span><span>GB</span> RAM</div> <div class="fp-item-txt"><span>6</span><span>GB</span> RAM</div>
...@@ -683,8 +679,7 @@ ...@@ -683,8 +679,7 @@
<div class="fp-item-img"> <div class="fp-item-img">
<img src="../img/point/icon-battery@2x.png" class="w72"> <img src="../img/point/icon-battery@2x.png" class="w72">
<div class="value-text battery"> <div class="value-text battery">
<span>2,815</span> <span>2,815</span><span>mAh</span>
<span>mAh</span>
</div> </div>
</div> </div>
<div class="fp-item-txt"><span>2815</span><span>mAh</span></div> <div class="fp-item-txt"><span>2815</span><span>mAh</span></div>
......
src/assets/img/point/group-32@2x.png

1.53 KB | W: | H:

src/assets/img/point/group-32@2x.png

1.46 KB | W: | H:

src/assets/img/point/group-32@2x.png
src/assets/img/point/group-32@2x.png
src/assets/img/point/group-32@2x.png
src/assets/img/point/group-32@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/group-6@2x.png

681 Bytes | W: | H:

src/assets/img/point/group-6@2x.png

659 Bytes | W: | H:

src/assets/img/point/group-6@2x.png
src/assets/img/point/group-6@2x.png
src/assets/img/point/group-6@2x.png
src/assets/img/point/group-6@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icon-phone@2x.png

1.59 KB | W: | H:

src/assets/img/point/icon-phone@2x.png

942 Bytes | W: | H:

src/assets/img/point/icon-phone@2x.png
src/assets/img/point/icon-phone@2x.png
src/assets/img/point/icon-phone@2x.png
src/assets/img/point/icon-phone@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icon-phone_2@2x.png

705 Bytes | W: | H:

src/assets/img/point/icon-phone_2@2x.png

509 Bytes | W: | H:

src/assets/img/point/icon-phone_2@2x.png
src/assets/img/point/icon-phone_2@2x.png
src/assets/img/point/icon-phone_2@2x.png
src/assets/img/point/icon-phone_2@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icon-phone_3@2x.png

685 Bytes | W: | H:

src/assets/img/point/icon-phone_3@2x.png

420 Bytes | W: | H:

src/assets/img/point/icon-phone_3@2x.png
src/assets/img/point/icon-phone_3@2x.png
src/assets/img/point/icon-phone_3@2x.png
src/assets/img/point/icon-phone_3@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icon-phone_4@2x.png

717 Bytes | W: | H:

src/assets/img/point/icon-phone_4@2x.png

510 Bytes | W: | H:

src/assets/img/point/icon-phone_4@2x.png
src/assets/img/point/icon-phone_4@2x.png
src/assets/img/point/icon-phone_4@2x.png
src/assets/img/point/icon-phone_4@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icon_6@2x.png

1.65 KB | W: | H:

src/assets/img/point/icon_6@2x.png

1.74 KB | W: | H:

src/assets/img/point/icon_6@2x.png
src/assets/img/point/icon_6@2x.png
src/assets/img/point/icon_6@2x.png
src/assets/img/point/icon_6@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icon_7@2x.png

2.02 KB | W: | H:

src/assets/img/point/icon_7@2x.png

2.07 KB | W: | H:

src/assets/img/point/icon_7@2x.png
src/assets/img/point/icon_7@2x.png
src/assets/img/point/icon_7@2x.png
src/assets/img/point/icon_7@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icon_8@2x.png

856 Bytes | W: | H:

src/assets/img/point/icon_8@2x.png

504 Bytes | W: | H:

src/assets/img/point/icon_8@2x.png
src/assets/img/point/icon_8@2x.png
src/assets/img/point/icon_8@2x.png
src/assets/img/point/icon_8@2x.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/point/icondim@2x.png

669 Bytes | W: | H:

src/assets/img/point/icondim@2x.png

499 Bytes | W: | H:

src/assets/img/point/icondim@2x.png
src/assets/img/point/icondim@2x.png
src/assets/img/point/icondim@2x.png
src/assets/img/point/icondim@2x.png
  • 2-up
  • Swipe
  • Onion skin
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment