fix: chromium v68 호환 스타일 수정

This commit is contained in:
djaco
2025-06-27 11:28:24 +09:00
parent 47bdfab832
commit 956ea7234c
2 changed files with 12 additions and 8 deletions

View File

@@ -125,12 +125,13 @@
.termsItem { .termsItem {
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
gap: 20px; // gap: 20px;
display: inline-flex; display: inline-flex;
.checkbox { .checkbox {
/* TCheckBoxSquare 컴포넌트가 스타일링을 담당 */ /* TCheckBoxSquare 컴포넌트가 스타일링을 담당 */
width: 45px; width: 45px;
height: 45px; height: 45px;
// margin-right: 40px;
} }
.termsButton { .termsButton {
@@ -146,9 +147,9 @@
display: flex; display: flex;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
will-change: transform; // will-change: transform;
margin-bottom: 20px; margin-bottom: 20px;
margin-left: 10px; margin-left: 30px;
.termsText { .termsText {
color: black; color: black;
@@ -167,7 +168,7 @@
// ✅ 포커스 및 호버 상태 (통합) // ✅ 포커스 및 호버 상태 (통합)
&.focused, &.focused,
&:focus, &:focus,
&:focus-visible, // &:focus-visible,
&:hover { &:hover {
outline: 4px #c91d53 solid !important; outline: 4px #c91d53 solid !important;
outline-offset: 2px !important; outline-offset: 2px !important;
@@ -199,7 +200,7 @@
.selectAllSection { .selectAllSection {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 15px; // gap: 15px;
display: inline-flex; display: inline-flex;
.selectAllCheckbox { .selectAllCheckbox {
/* TCheckBoxSquare 컴포넌트가 스타일링을 담당 */ /* TCheckBoxSquare 컴포넌트가 스타일링을 담당 */
@@ -212,8 +213,9 @@
font-size: 35px; font-size: 35px;
font-family: "LG Smart UI"; font-family: "LG Smart UI";
font-weight: 700; font-weight: 700;
line-height: 35px; line-height: 40px;
word-wrap: break-word; word-wrap: break-word;
margin-left: 15px;
} }
} }

View File

@@ -69,7 +69,7 @@
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
gap: 40px; // gap: 40px;
padding-top: 40px; padding-top: 40px;
padding-bottom: 40px; padding-bottom: 40px;
} }
@@ -78,7 +78,8 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 15px; // gap: 15px;
margin-bottom: 40px;
} }
.buttonContainer { .buttonContainer {
@@ -94,6 +95,7 @@
font-weight: 700; font-weight: 700;
line-height: 35px; line-height: 35px;
word-wrap: break-word; word-wrap: break-word;
margin-left: 15px;
} }
.disabledLabel { .disabledLabel {