mirror of
https://github.com/headporter81/specialsource-homepage-frontend.git
synced 2026-10-07 15:21:10 +09:00
fix : main banner modify
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user