salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): resolve multi-line border issue in permission notification cards

Browse Source 
- Removed box-shadow from active permission items to eliminate double-border effect
- Added CSS rule to remove borders from nested ToolCall components within permission items
- Ensures consistent single-border styling aligned with existing design system
This commit is contained in:
bizzkoot
2026-01-09 06:02:58 +08:00
parent 3dfbe2a5b2
commit c7370fe7bc
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/ui/src/styles/components/permission-notification.css
View File

@@ -139,7 +139,6 @@
.permission-center-item-active { .permission-center-item-active {
border-color: var(--session-status-permission-fg); border-color: var(--session-status-permission-fg);
box-shadow: 0 0 0 1px color-mix(in srgb, var(--session-status-permission-fg) 35%, transparent);
} }
.permission-center-item-header { .permission-center-item-header {
@@ -217,6 +216,13 @@
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
} }
/* Remove border from tool-call when inside permission items to avoid double borders */
.permission-center-item .tool-call {
border: none;
border-radius: 0;
margin: 0;
}
@media (max-width: 720px) { @media (max-width: 720px) {
.permission-center-modal-backdrop { .permission-center-modal-backdrop {
padding: 0; padding: 0;
@@ -228,4 +234,4 @@
max-height: none; max-height: none;
border-radius: 0; border-radius: 0;
} }
} }