diff --git a/src/styles/generation-flow.css b/src/styles/generation-flow.css index df9f3db..f5529cb 100644 --- a/src/styles/generation-flow.css +++ b/src/styles/generation-flow.css @@ -2805,6 +2805,7 @@ .wizard-stepper { padding: 2rem; max-width: 100%; + margin-top: 30px; } .wizard-stepper-node { diff --git a/src/styles/studio-assets.css b/src/styles/studio-assets.css index 24a8dea..5d1e225 100644 --- a/src/styles/studio-assets.css +++ b/src/styles/studio-assets.css @@ -1146,6 +1146,36 @@ } } +/* 모바일: 제목은 한 줄로 유지하고, 권장 수량/카운트는 그 아래 줄로 내린다 */ +@media (max-width: 1023px) { + .asset-section-header { + align-items: flex-start; + } + + .asset-section-header-left { + flex: 1; + min-width: 0; + flex-wrap: wrap; + row-gap: 4px; + } + + .asset-section-header-left .asset-section-title { + order: 1; + white-space: nowrap; + } + + .asset-section-header-left .asset-section-count { + order: 2; + white-space: nowrap; + } + + .asset-section-header-left .asset-section-subtitle { + order: 3; + width: 100%; + white-space: nowrap; + } +} + /* Asset Image List */ .asset-image-list { background-color: #002224;