style(poc4): use minimal HMM interface
This commit is contained in:
@@ -1284,6 +1284,62 @@ h2, h3 {
|
|||||||
</style>
|
</style>
|
||||||
"""
|
"""
|
||||||
|
|
||||||
|
HMM_MINIMAL_THEME_CSS = """
|
||||||
|
<style>
|
||||||
|
html, body, [data-testid="stAppViewContainer"], .stApp {
|
||||||
|
color-scheme: light !important;
|
||||||
|
background: #ffffff !important;
|
||||||
|
color: #12324a !important;
|
||||||
|
font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
#MainMenu { display: none; }
|
||||||
|
.block-container { max-width: 1120px; padding-top: 1.5rem; }
|
||||||
|
|
||||||
|
.kb-hero {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 24px;
|
||||||
|
margin: 0 0 28px;
|
||||||
|
padding: 0 0 22px;
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px solid #d9e4ec;
|
||||||
|
border-radius: 0;
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
.kb-hero::before { display: none; }
|
||||||
|
.kb-hero-main { min-width: 0; }
|
||||||
|
.kb-brand-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
|
||||||
|
.kb-mini-mark {
|
||||||
|
display: inline-flex; align-items: center; justify-content: center;
|
||||||
|
min-width: 46px; height: 28px; padding: 0 8px;
|
||||||
|
border-radius: 4px; background: #004b87; color: #ffffff;
|
||||||
|
font-size: 0.72rem; font-weight: 800;
|
||||||
|
}
|
||||||
|
.kb-brand-name { color: #004b87; font-size: 0.9rem; font-weight: 700; }
|
||||||
|
.kb-brand-sub, .kb-hero p { color: #5f7280; }
|
||||||
|
.kb-hero h1 { margin: 0; color: #12324a; font-size: 2rem; font-weight: 700; }
|
||||||
|
.kb-hero p { margin: 10px 0 0; max-width: 680px; line-height: 1.6; }
|
||||||
|
.kb-ci-panel { flex: 0 0 auto; }
|
||||||
|
.kb-ci-panel img { display: block; width: 148px; height: auto; }
|
||||||
|
|
||||||
|
.kb-vpd-card {
|
||||||
|
margin: 10px 0; padding: 14px; border: 1px solid #d9e4ec;
|
||||||
|
border-radius: 6px; background: #ffffff; color: #12324a; box-shadow: none;
|
||||||
|
}
|
||||||
|
.kb-vpd-card .kb-vpd-user { color: #004b87; font-weight: 700; }
|
||||||
|
.kb-vpd-card .kb-vpd-meta, .kb-vpd-card .kb-vpd-scope { color: #5f7280; }
|
||||||
|
|
||||||
|
@media (max-width: 760px) {
|
||||||
|
.kb-hero { display: block; }
|
||||||
|
.kb-ci-panel { margin-top: 18px; }
|
||||||
|
.kb-hero h1 { font-size: 1.65rem; }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
"""
|
||||||
|
|
||||||
|
|
||||||
@dataclass(frozen=True)
|
@dataclass(frozen=True)
|
||||||
class McpServer:
|
class McpServer:
|
||||||
@@ -1725,7 +1781,7 @@ def _question_label(question: object) -> str:
|
|||||||
|
|
||||||
|
|
||||||
def _apply_kb_theme() -> None:
|
def _apply_kb_theme() -> None:
|
||||||
st.markdown(KB_THEME_CSS, unsafe_allow_html=True)
|
st.markdown(HMM_MINIMAL_THEME_CSS, unsafe_allow_html=True)
|
||||||
|
|
||||||
|
|
||||||
def _portal_auth_value(name: str) -> str:
|
def _portal_auth_value(name: str) -> str:
|
||||||
|
|||||||
Reference in New Issue
Block a user