Skip to content

T
TDS_Myshop_Detail
Commit 54c33e4d authored by 김은해_이모션's avatar 김은해_이모션
Browse files
Options

[김은해] 20220126

parent e9c316e6
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1920 additions and 56 deletions
src/assets/css/seller_common.css
View file @ 54c33e4d
......@@ -543,6 +543,7 @@
background-color: #fff;
margin-right: -20px;
margin-left: -20px;
font-family: 'Spoqa Han Sans Neo', 'sans-serif';
}
.seller-tab-area .tab-list {
......@@ -606,6 +607,10 @@
margin-right:0.8rem;
}
.seller-tab-area .camera-group .group-box:nth-child(odd){
margin-right:0;
}
.seller-tab-area .group-box.wide-group-box {
width:100%;
}
......@@ -614,9 +619,6 @@
margin-right:0;
}
.seller-tab-area .group-box.front-camera {
margin:0.8rem 0 0 0.8rem;
}
.seller-tab-area .phone-tag {
font-size:1.2rem;
......@@ -635,6 +637,12 @@
letter-spacing: -0.5px;
position:relative;
}
.seller-tab-area .fp-item-desc.phone-scale-desc {
min-height:328px;
max-height:328px;
}
.seller-tab-area .fp-item-desc.display-desc {
min-height:210px;
max-height:210px;
......@@ -647,31 +655,74 @@
}
.seller-tab-area .fp-item-tit.camera-tit {
margin-bottom:3.2rem;
margin-bottom:2.7rem;
}
.seller-tab-area .fp-item-tit.sub-display-tit {
margin-bottom:3.5rem;
}
.seller-tab-area .fp-item-txt {
position:absolute;
width:100%;
bottom:20px;
font-size:1.3rem;
}
.seller-tab-area .fp-item-txt.side-txt {
position:static;
width:auto;
margin-left:30px
padding-right:14px;
box-sizing:border-box;
line-height:1.5rem;
}
.seller-tab-area .fp-item-txt.side-txt > div {
margin-top:5px;
}
.seller-tab-area .fp-item-txt.side-txt > div:first-child {
margin-top:0;
}
.seller-tab-area .iphone-678 .row-box {
justify-content:center;
}
.seller-tab-area .iphone-678 .row-box .side-txt {
margin-left:58px;
}
.seller-tab-area .fp-item-txt.side-txt.camera-txt {
margin-left:60px;
.seller-tab-area .android .fp-item-img.side-img {
width:109px;
}
.seller-tab-area .fp-item-txt.side-txt.camera-txt2 {
margin-left:64px;
.seller-tab-area .android .row-box {
max-width:270px;
}
.seller-tab-area .fp-item-txt.side-txt.camera-txt3 {
margin-left:50px;
.seller-tab-area .android-1 .row-box {
justify-content:center;
}
.seller-tab-area .android-1 .row-box .side-txt {
margin-left:56px;
}
.seller-tab-area .wide-angle .row-box .side-txt {
padding-right:0;
}
.seller-tab-area .android-3-vertical .fp-item-tit.camera-tit {
margin-bottom:1.6rem;
}
.seller-tab-area .android-4-vertical .fp-item-tit.camera-tit {
margin-bottom:0.8rem;
}
.seller-tab-area .android-5 .fp-item-tit.camera-tit {
margin-bottom:1.6rem;
}
.seller-tab-area .fp-item-txt > div {
......@@ -687,11 +738,9 @@
.seller-tab-area .row-box {
display:flex;
align-items: center;
justify-content: center;
}
.seller-tab-area .row-box.camera-row-box {
padding-left:14px;
justify-content:space-between;
max-width:240px;
margin:0 auto;
}
......@@ -709,11 +758,143 @@
transform:translate(-50%,-50%);
}
.seller-tab-area .fp-item-img img {
max-width:none;
}
.seller-tab-area .fp-item-img.side-img{
position:relative;
top:0;
left:0;
transform:none;
width:70px;
}
.seller-tab-area .fp-item-img.pen {
transform:translate(-40%,-40%);
}
.seller-tab-area .value-text {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-53%);
width:100%;
font-size:1.1rem;
font-weight:700;
letter-spacing:-0.42px;
}
.seller-tab-area .value-text.processor {
color:#fe796b;
font-size:1.2rem;
letter-spacing:-0.34px;
}
.seller-tab-area .value-text.ram {
transform:translate(-42%,-52%);
}
.seller-tab-area .value-text.battery {
letter-spacing:-0.75px;
transform:translate(-56%,-57%);
}
.seller-tab-area .value-text.phone-height {
writing-mode: vertical-rl;
height:144px;
width:auto;
transform:none;
top:0;
left:72%;
letter-spacing:-0.5px;
}
.seller-tab-area .value-text.phone-width {
transform:none;
top:95%;
width:72px;
left:0;
letter-spacing:-0.5px;
}
.seller-tab-area .value-text.phone-thick {
transform:none;
top:95%;
left:auto;
width:auto;
right:-2px;
letter-spacing:-0.5px;
}
.seller-tab-area .fold-img .value-text.phone-height {
left:79%;
}
.seller-tab-area .fold-img .value-text.phone-width {
width:105px;
}
.seller-tab-area .fold-img .value-text.phone-thick {
right:1px;
}
.seller-tab-area .fold-folded .value-text.phone-height {
left:98%;
}
.seller-tab-area .fold-folded .value-text.phone-width {
width:60px;
}
.seller-tab-area .fold-folded .value-text.phone-thick {
width:35px;
right:13px;
}
.seller-tab-area .flip-folded .value-text.phone-height {
left:98%;
height:72px;
top:0;
transform:none;
}
.seller-tab-area .flip-folded .value-text.phone-width {
width:72px;
}
.seller-tab-area .flip-folded .value-text.phone-thick {
writing-mode: vertical-rl;
left:98%;
right:auto;
top:auto;
bottom:18px;
}
.seller-tab-area .value-text.communication {
transform:none;
font-size:1.4rem;
width:29px;
left:22px;
}
.seller-tab-area .value-text.sub-display-text {
transform: translate(-50%,-65%);
}
.seller-tab-area .front-camera .fp-item-img {
position:static;
transform:none;
}
.seller-tab-area .front-camera .fp-item-tit {
margin-bottom:1.7rem;
}
.seller-tab-area .front-camera-2 {
margin-left:0.8rem;
}
.seller-tab-area .camera-img {
width:70px;
line-height:70px;
......@@ -723,10 +904,78 @@
width:82px;
}
.seller-tab-area .apple-logo {
width:28px;
}
.seller-tab-area .xiaomi-logo {
width:36px;
}
.seller-tab-area .etc-logo {
width:44px;
}
.seller-tab-area .android-logo {
width:93px;
}
.seller-tab-area .ios-logo {
width:36px;
}
.seller-tab-area .os-logo {
width:40px;
}
.seller-tab-area .w140 {
width:140px;
}
.seller-tab-area .w113 {
width:113px;
}
.seller-tab-area .w112 {
width:112px;
}
.seller-tab-area .w109 {
width:109px;
}
.seller-tab-area .w102 {
width:102px;
}
.seller-tab-area .w99 {
width:99px;
}
.seller-tab-area .w98 {
width:98px;
}
.seller-tab-area .w95 {
width:95px;
}
.seller-tab-area .w85 {
width:85px;
}
.seller-tab-area .w83 {
width:83px;
}
.seller-tab-area .w80 {
width:80px;
}
.seller-tab-area .w74 {
width:74px;
}
.seller-tab-area .w72 {
width:72px;
}
......@@ -735,13 +984,24 @@
width:70px;
}
.seller-tab-area .w74 {
width:74px;
.seller-tab-area .w63 {
width:63px;
}
.seller-tab-area .w62 {
width:62px;
}
.seller-tab-area .w51 {
width:51px;
}
.seller-tab-area .w42 {
width:42px;
}
/* //2022.01.21 특장점 추가 */
......
src/assets/css/tdirect.css
View file @ 54c33e4d
......@@ -370,6 +370,22 @@ video.controls-hidden::-webkit-media-controls-start-playback-button {
src: url('../fonts/Spoqa Han Sans Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Spoqa Han Sans Neo';
font-weight: 400;
src: url('../fonts/SpoqaHanSansNeo-Regular.woff2') format('woff2');
src: url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff');
src: url('../fonts/SpoqaHanSansNeo-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Spoqa Han Sans Neo';
font-weight: 700;
src: url('../fonts/SpoqaHanSansNeo-Bold.woff2') format('woff2');
src: url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff');
src: url('../fonts/SpoqaHanSansNeo-Bold.ttf') format('truetype');
}
.active .btn-trigger,
.active .btn-trigger-all,
.active .filter-head .label:after,
......
src/assets/html/seller_heder_modify.html
View file @ 54c33e4d
This diff is collapsed.
src/assets/html/seller_heder_modify_f.html 0 → 100644
View file @ 54c33e4d
This diff is collapsed.
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