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

View File

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