eomsangdon/Aislo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

260710_0

Browse Source
This commit is contained in:
eomsangdon
2026-07-10 18:12:17 +09:00
parent 50d75fcfcd
commit e3d66e717c
28 changed files with 2542 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
B04_wf1_Surface/B04_wf1_Surface_UI_Style.css
+109
View File
@@ -12,6 +12,7 @@
display: flex;
flex-direction: column;
gap: var(--spacing-16);
padding: var(--spacing-16);
}
.b04-surface__group {
@@ -45,7 +46,99 @@
accent-color: var(--color-primary);
}
.b04-surface__panel-title {
font-size: var(--text-body-sm);
color: var(--color-text);
}
.b04-surface__select {
width: 100%;
min-height: 38px;
border: 1px solid var(--color-border);
border-radius: var(--radius-inputs);
background: var(--color-canvas);
color: var(--color-text-body);
padding: var(--spacing-8);
}
.b04-surface__input-info,
.b04-surface__model-meta,
.b04-surface__stats {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
}
.b04-surface__line {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: var(--spacing-16);
color: var(--color-text-secondary);
font-size: var(--text-caption);
}
.b04-surface__line strong {
color: var(--color-text-body);
text-align: right;
word-break: break-word;
}
/* --- 우측 결과 영역 --- */
.b04-surface__workspace {
display: grid;
grid-template-rows: auto minmax(360px, 1fr) auto;
min-height: calc(100vh - var(--wf-header-height));
}
.b04-surface__topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--spacing-16);
padding: var(--spacing-16) var(--spacing-24);
border-bottom: 1px solid var(--color-border);
}
.b04-surface__topbar h3,
.b04-surface__section h3 {
font-size: var(--text-body);
}
.b04-surface__status {
display: flex;
align-items: center;
gap: var(--spacing-8);
color: var(--color-text-secondary);
font-size: var(--text-body-sm);
}
.b04-surface-viewer {
min-height: 360px;
height: 100%;
}
.b04-surface-viewer__canvas {
display: block;
width: 100%;
height: 100%;
}
.b04-surface__bottom {
display: grid;
grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
gap: var(--spacing-16);
padding: var(--spacing-16) var(--spacing-24) var(--spacing-24);
border-top: 1px solid var(--color-border);
}
.b04-surface__section {
display: flex;
flex-direction: column;
gap: var(--spacing-16);
min-width: 0;
}
.b04-surface__result {
display: flex;
flex-direction: column;
@@ -86,6 +179,16 @@
box-shadow: var(--shadow-sm);
}
.b04-surface__stat-card {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
padding: var(--spacing-16);
border: 1px solid var(--color-border);
border-radius: var(--radius-cards);
background-color: var(--color-surface-raised);
}
.b04-surface__model-head {
display: flex;
align-items: center;
@@ -107,3 +210,9 @@
color: var(--color-text-secondary);
word-break: break-all;
}
@media (max-width: 980px) {
.b04-surface__bottom {
grid-template-columns: 1fr;
}
}