Compact STL list and clarify auto iteration

This commit is contained in:
Codex
2026-05-31 01:27:32 +08:00
parent 5cac15fbed
commit e2be49677f
3 changed files with 112 additions and 48 deletions

View File

@@ -817,7 +817,7 @@ button {
}
.tool-section-title button.model-eye-btn {
width: 30px;
width: 34px;
height: 28px;
display: inline-flex;
align-items: center;
@@ -861,6 +861,15 @@ button {
rgba(45, 212, 191, 0.22);
}
.mixed-eye span::before {
border-color: #93c5fd;
background: linear-gradient(90deg, rgba(45, 212, 191, 0.26) 0 50%, rgba(15, 23, 42, 0.74) 50% 100%);
}
.mixed-eye span::after {
background: #93c5fd;
}
.hidden-eye span::after {
top: 5px;
left: -2px;
@@ -1804,7 +1813,8 @@ input[type="range"] {
grid-template-columns: minmax(0, 1fr) 30px;
gap: 12px;
align-items: center;
padding: 10px;
min-height: 38px;
padding: 7px 10px;
cursor: pointer;
transition: border-color 0.16s ease, background 0.16s ease, opacity 0.16s ease;
}
@@ -1818,7 +1828,7 @@ input[type="range"] {
display: block;
overflow: hidden;
color: #e8f1fb;
font-size: 13px;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
@@ -1828,12 +1838,12 @@ input[type="range"] {
}
.stl-family {
margin-bottom: 10px;
margin-bottom: 7px;
}
.stl-family-head {
width: 100%;
min-height: 32px;
min-height: 30px;
display: grid;
grid-template-columns: minmax(0, 1fr) auto 14px;
align-items: center;
@@ -1885,8 +1895,8 @@ input[type="range"] {
}
.stl-hierarchy-group .stl-family-head {
min-height: 36px;
margin-bottom: 6px;
min-height: 32px;
margin-bottom: 5px;
border-color: rgba(148, 163, 184, 0.22);
border-radius: 7px;
background: linear-gradient(180deg, rgba(31, 41, 59, 0.94), rgba(15, 23, 42, 0.94));
@@ -1899,20 +1909,20 @@ input[type="range"] {
}
.stl-hierarchy-group .stl-family-list {
margin: -2px 0 10px 12px;
padding-left: 10px;
margin: -2px 0 8px 12px;
padding-left: 8px;
border-left: 1px solid rgba(45, 212, 191, 0.22);
}
.stl-hierarchy-group .stl-row {
min-height: 58px;
margin-bottom: 7px;
border-radius: 10px;
min-height: 38px;
margin-bottom: 5px;
border-radius: 8px;
}
.stl-visibility-swatch {
width: 24px;
height: 24px;
width: 22px;
height: 22px;
justify-self: end;
border: 2px solid rgba(226, 232, 240, 0.68);
border-radius: 5px;
@@ -1940,9 +1950,9 @@ input[type="range"] {
.stl-visibility-swatch.hidden::after {
content: "";
display: block;
width: 26px;
width: 24px;
height: 2px;
margin: 9px 0 0 -3px;
margin: 8px 0 0 -3px;
border-radius: 99px;
background: rgba(226, 232, 240, 0.76);
transform: rotate(-45deg);