Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor

Browse Source
This commit is contained in:
Laux Dev
2026-03-19 18:57:20 +08:00
parent f84894b6d7
commit 2c9f2d612b
29 changed files with 129 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/app/components/customCheckbox/styles.module.css
View File

@@ -12,20 +12,18 @@
}
.checkbox {
display: flex;
padding: var(--Basic-Forms-Checkbox-Input-Sizing-Y-SM, 10px)
var(--Basic-Forms-Checkbox-Input-Sizing-X-SM, 12px);
padding: 10px 12px;
align-items: flex-start;
gap: var(--Basic-Forms-Checkbox-Gap-Between, 16px);
gap: 16px;
flex: 1 0 0;
border-radius: var(--Basic-Forms-Checkbox-Border-Radius, 8px);
border-radius: 8px;
background: #1d1e2a;
background: color(display-p3 0.1137 0.1176 0.1608);
}
.check {
display: flex;
padding-top: var(--Basic-Forms-Checkbox-Inline-Y, 4px);
padding-top: 4px;
align-items: flex-start;
gap: var(--Basic-Forms-Checkbox-Inline-Gap-Between, 10px);
gap: 10px;
}
.hiddenCheckbox {
appearance: none;
@@ -38,29 +36,15 @@
align-items: center;
cursor: pointer;
position: relative;
border-radius: var(--Basic-Forms-Checkbox-Check-Icon-Border-Radius, 4px);
border: 1px solid
var(--Basic-Forms-Checkbox-Check-Icon-Border-Border-Color, #e5e7eb);
border-radius: 4px;
border: 1px solid #e5e7eb;
background: var(--Basic-Forms-Checkbox-Check-Icon-Background-Bg-Color, #fff);
background: #fff;
}
.hiddenCheckbox:checked {
border-radius: var(--Basic-Forms-Checkbox-Check-Icon-Border-Radius, 4px);
border: 1px solid
var(--Basic-Forms-Checkbox-Check-Icon-Border-Border-Active-Color, #0067fd);
border: 1px solid
var(
--Basic-Forms-Checkbox-Check-Icon-Border-Border-Active-Color,
color(display-p3 0.1451 0.3882 0.9216)
);
background: var(
--Basic-Forms-Checkbox-Check-Icon-Background-Bg-Active-Color,
#0067fd
);
background: var(
--Basic-Forms-Checkbox-Check-Icon-Background-Bg-Active-Color,
color(display-p3 0.1451 0.3882 0.9216)
);
border-radius: 4px;
border: 1px solid #0067fd;
background: #0067fd;
}
.hiddenCheckbox::after {
content: "";
@@ -85,21 +69,20 @@
.placeholderTxt {
align-self: stretch;
color: #d2d3e1;
color: color(display-p3 0.8235 0.8275 0.8784);
font-family: Inter;
font-size: 16px;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
line-height: 24px;
letter-spacing: 0.08px;
}
.secondaryTxt {
align-self: stretch;
color: #697281;
font-family: Inter;
font-size: 14px;
font-size: 0.75rem;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
line-height: 20px;
letter-spacing: 0.07px;
}