fix : main banner modify

This commit is contained in:
2026-08-10 17:52:27 +09:00
parent aa92618ee6
commit ef847061eb
6 changed files with 466 additions and 682 deletions
-81
View File
@@ -64,84 +64,3 @@ const barString = computed(() => {
</div>
</div>
</template>
<style scoped>
/* 🌟 [인프라 대통합최종 패치]
순정 레이아웃의 단단한 결합력(!important 락)은 그대로 유지하면서,
하드코딩된 색상값들을 마스터 테마 변수(var(--tui-...))로 싹 교체해 실시간 색상 연동 성공!
*/
.tui-window {
background-color: #000000 !important;
color: var(--tui-color) !important; /* 🟢 테마 주축 색상 연동 */
font-family: 'JetBrains Mono', monospace !important;
padding: 20px !important;
border-radius: 4px !important;
border: 1px solid var(--tui-color) !important; /* 🟢 테마 테두리 연동 */
box-shadow: 0 0 15px var(--tui-border) !important; /* 🟢 테마 글로우 연동 */
display: inline-block;
min-width: 520px;
box-sizing: border-box;
}
.tui-header {
color: var(--tui-dim) !important; /* 🟢 테마 감쇄(어두운) 색상 연동 */
margin-bottom: 15px !important;
font-size: 14px !important;
}
.tui-cmd {
color: #ffffff !important;
margin-left: 5px !important;
}
.tui-bar-row {
font-size: 20px !important;
letter-spacing: 1px !important;
white-space: pre !important;
display: flex !important;
align-items: center !important;
}
.tui-bracket {
color: var(--tui-dim) !important; /* 🟢 브래킷 색상 연동 */
}
.tui-bar {
color: var(--tui-color) !important; /* 🟢 차오르는 게이지 블록 색상 연동 */
text-shadow: 0 0 5px var(--tui-glow) !important; /* 🟢 게이지 네온 번짐 연동 */
}
.tui-percent {
color: #ffffff !important;
margin-left: 12px !important;
font-weight: bold !important;
}
.tui-status-row {
margin-top: 15px !important;
font-size: 14px !important;
border-top: 1px dotted var(--tui-border) !important; /* 🟢 구분 점선 테마 연동 */
padding-top: 10px !important;
}
.tui-label {
color: var(--tui-dim) !important; /* 🟢 라벨 색상 연동 */
margin-right: 8px !important;
}
.tui-message {
color: #ffffff !important;
word-break: break-all !important;
}
/* 📱 모바일 환경 최적화 다운사이징 */
@media screen and (max-width: 650px) {
.tui-window {
min-width: 90vw !important;
padding: 15px !important;
}
.tui-bar-row {
font-size: 14px !important;
}
}
</style>