fix: 모바일 디자인 미세조정
This commit is contained in:
parent
e385ebf296
commit
cd43a209dd
|
|
@ -534,7 +534,7 @@
|
|||
<h2 class="contact__heading">WELCOME BODA LAB</h2>
|
||||
<p class="contact__desc">
|
||||
The BODA LAB은 서비스와 사용자를 고려하여 다양한 경험을 제공하며,
|
||||
<br />
|
||||
<br class="divide" />
|
||||
거쳐간 모든 곳에서 지속적인 성장이 이루어질 수 있도록 함께합니다.
|
||||
</p>
|
||||
<address class="contact__office">
|
||||
|
|
|
|||
|
|
@ -131,6 +131,7 @@
|
|||
|
||||
.history__timeline {
|
||||
margin-left: clamp(220px, 38vw, 726px);
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.history__yearGroup {
|
||||
|
|
@ -321,7 +322,7 @@
|
|||
padding: 80px 20px;
|
||||
}
|
||||
|
||||
.history__title {
|
||||
.history__title.sectionTitle {
|
||||
position: static;
|
||||
margin-bottom: 40px;
|
||||
color: #0d0d0d;
|
||||
|
|
@ -336,11 +337,30 @@
|
|||
}
|
||||
|
||||
.history__yearToggle {
|
||||
flex-wrap: wrap;
|
||||
display: block;
|
||||
|
||||
.history__year {
|
||||
display: block;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
top: 30px;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.history__listItem {
|
||||
.main {
|
||||
.badge {
|
||||
margin: 3px 0 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.history__list {
|
||||
margin-left: 0;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.history__listItem {
|
||||
|
|
@ -351,10 +371,16 @@
|
|||
.sub {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.date {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Figma 모바일/PC 공통으로 padding이 4px 6px인데 base는 2px 8px로 틀려있음 — PC base는 그대로 두고 모바일만 보정
|
||||
.history__listItem .badge {
|
||||
padding: 4px 6px;
|
||||
.history__listItem {
|
||||
.badge {
|
||||
padding: 3px 4px;
|
||||
margin: 0 0 0 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -409,11 +409,15 @@
|
|||
.contact__desc {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 80px;
|
||||
|
||||
.divide {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// Figma 모바일: Head Office 블록 → 아코디언 블록 간격 80 (PC base 88px는 그대로 둠)
|
||||
.contact__inner {
|
||||
margin-bottom: 80px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
// Figma 공통값(label→list 16)인데 base(20px)가 PC에서도 어긋나 있음 — 모바일만 보정
|
||||
|
|
@ -427,6 +431,7 @@
|
|||
}
|
||||
|
||||
.contactAccordion__header {
|
||||
margin-top: 60px;
|
||||
padding-top: 22px;
|
||||
padding-bottom: 22px;
|
||||
}
|
||||
|
|
@ -437,13 +442,8 @@
|
|||
height: 32px;
|
||||
}
|
||||
|
||||
// Figma 공통값(80, PC는 120 — 둘 다 base 32px와 다름)인데 두 아코디언 블록 사이 간격이 좁음. PC는 두고 두 번째 항목만 보정
|
||||
.contactAccordion__item:not(:first-child) .contactAccordion__header {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.contactForm {
|
||||
padding-bottom: 40px;
|
||||
// padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.contactForm__cols {
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@
|
|||
|
||||
@include mo {
|
||||
.footer {
|
||||
padding: 24px 0 0;
|
||||
padding: 40px 0 0;
|
||||
}
|
||||
|
||||
.footer__inner {
|
||||
|
|
|
|||
|
|
@ -165,11 +165,11 @@
|
|||
|
||||
// Figma 모바일/PC 공통값(name→company 18, company→tags 24)인데 base(15px/20px)가 어긋나 있음 — 모바일만 보정
|
||||
.project__company {
|
||||
margin-top: 18px;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.project__stack {
|
||||
margin-top: 24px;
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
.project__more {
|
||||
|
|
|
|||
|
|
@ -94,6 +94,7 @@
|
|||
font-size: 14px;
|
||||
font-weight: 300;
|
||||
color: #ffffff;
|
||||
letter-spacing: -0.1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -113,9 +114,16 @@
|
|||
}
|
||||
|
||||
.vision__quote {
|
||||
position: relative;
|
||||
align-self: stretch;
|
||||
max-width: none;
|
||||
padding: 0 30px;
|
||||
|
||||
.mark {
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
|
||||
.vision__keywordList {
|
||||
|
|
|
|||
Loading…
Reference in New Issue