fix: chromium v68 호환 스타일 수정
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user