Update Screen: Bao Mat, Hanh Dong, MCP, Agent, Agent Admin
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -565,7 +565,7 @@ QPlainTextEdit, QTextEdit, QTextBrowser, QLineEdit, QSpinBox, QDoubleSpinBox,
|
||||
QTreeView, QListView, QTableView, QTreeWidget, QListWidget, QTableWidget {
|
||||
background: $surface_raised; color: $text; border: 1px solid $border;
|
||||
border-radius: ${radius}px; selection-background-color: $selection_bg;
|
||||
selection-color: $selection_fg;
|
||||
selection-color: $selection_fg; outline: 0;
|
||||
}
|
||||
QPlainTextEdit, QTextEdit, QLineEdit, QSpinBox, QDoubleSpinBox { padding: 6px 8px; }
|
||||
QPlainTextEdit:hover, QTextEdit:hover, QLineEdit:hover { border-color: $border_strong; }
|
||||
@@ -580,6 +580,10 @@ QTreeView::item:hover, QListView::item:hover { background: $hover; }
|
||||
QTreeView::item:selected, QListView::item:selected, QTableView::item:selected {
|
||||
background: $accent_soft; color: $text;
|
||||
}
|
||||
/* The platform style draws its own dotted/solid focus rect on the current
|
||||
cell on top of the selection tint above — visible as a stray light border
|
||||
on a click. The selection tint already marks "current row"; drop the rect. */
|
||||
QTreeView::item:focus, QListView::item:focus, QTableView::item:focus { outline: none; border: none; }
|
||||
QHeaderView::section {
|
||||
background: $bg; color: $text_muted; border: none;
|
||||
border-bottom: 1px solid $border; padding: 7px 6px; font-weight: 600;
|
||||
@@ -695,10 +699,15 @@ QScrollBar::add-line, QScrollBar::sub-line { height: 0; width: 0; border: none;
|
||||
QScrollBar::add-page, QScrollBar::sub-page { background: none; }
|
||||
|
||||
/* ---- badges & inline text tones ---------------------------------------
|
||||
One shape, six tones. Pick by meaning: badgeSuccess for a finished run,
|
||||
badgeDanger for a failed one — not by which colour looks nice. */
|
||||
One shape, seven tones. Pick by meaning: badgeSuccess for a finished run,
|
||||
badgeDanger for a failed one — not by which colour looks nice. badgeNeutral
|
||||
is the odd one out: it deliberately uses OPAQUE tokens ($active/$text_muted,
|
||||
not an rgba() *_soft one) since it renders inside table cells that can sit
|
||||
over a selection tint — an rgba() background there would composite
|
||||
differently selected vs not (see Monitoring ▸ Sự kiện bảo mật's Hành động
|
||||
pill, which hit exactly this). */
|
||||
QLabel#badge, QLabel#badgeSuccess, QLabel#badgeWarn, QLabel#badgeDanger,
|
||||
QLabel#badgePurple, QLabel#badgePink {
|
||||
QLabel#badgePurple, QLabel#badgePink, QLabel#badgeNeutral {
|
||||
border-radius: ${radius_sm}px; padding: 2px 8px; font-size: 12px; font-weight: 600;
|
||||
}
|
||||
QLabel#badge { background: $info_soft; color: $info; }
|
||||
@@ -707,6 +716,41 @@ QLabel#badgeWarn { background: $warning_soft; color: $warning; }
|
||||
QLabel#badgeDanger { background: $danger_soft; color: $danger; }
|
||||
QLabel#badgePurple { background: $purple_soft; color: $purple; }
|
||||
QLabel#badgePink { background: $pink_soft; color: $pink; }
|
||||
QLabel#badgeNeutral { background: $active; color: $text_muted; }
|
||||
|
||||
/* ---- event-detail panel (Monitoring ▸ Sự kiện bảo mật) -----------------
|
||||
A neutral, low-emphasis tag — the "Loại" chip: a category label with no
|
||||
colour coding of its own (colour is reserved for the Trạng thái badge
|
||||
beside it). */
|
||||
QLabel#neutralTag {
|
||||
background: $surface_raised; border: 1px solid $border; border-radius: ${radius_sm}px;
|
||||
padding: 2px 8px; font-size: 12px;
|
||||
}
|
||||
/* A short identifier shown as a bordered monospace chip (machine name,
|
||||
event id). */
|
||||
QLabel#monoChip {
|
||||
font-family: "Cascadia Code", Consolas, monospace; background: $surface_raised;
|
||||
border: 1px solid $border; border-radius: ${radius_sm}px; padding: 1px 6px; font-size: 12px;
|
||||
}
|
||||
/* Section caption inside the panel — the same quiet caps heading as
|
||||
Monitoring ▸ Overview's group titles (monSection::title above), with a
|
||||
hairline under it since the panel has no group-box border of its own. */
|
||||
QLabel#detailSectionHdr {
|
||||
color: $text_faint; font-size: 11px; font-weight: 700; letter-spacing: 0.5px;
|
||||
padding-bottom: 4px; margin-top: 6px; border-bottom: 1px solid $border;
|
||||
}
|
||||
/* The blocked-detail text renders as a fixed dark "terminal" block — the
|
||||
same look in both themes, like a code snippet, so it reads consistently
|
||||
against whichever tint the row around it happens to carry. */
|
||||
QWidget#detailCodeBlock { background: #1B1A19; border-radius: ${radius}px; }
|
||||
QLabel#detailCodeText {
|
||||
color: #CCFF00; font-family: "Cascadia Code", Consolas, monospace; font-size: 12px;
|
||||
}
|
||||
QPushButton#detailCopyBtn {
|
||||
background: rgba(255,255,255,0.15); color: #FFFFFF; border: none;
|
||||
border-radius: ${radius_sm}px; padding: 3px 10px; font-size: 11px;
|
||||
}
|
||||
QPushButton#detailCopyBtn:hover { background: rgba(255,255,255,0.25); }
|
||||
|
||||
QLabel { background: transparent; }
|
||||
QLabel#hint { color: $text_muted; }
|
||||
|
||||
Reference in New Issue
Block a user