a2nr
/
velxio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #226 from davidmonterocrespo24/fix/sd-card-add-button-style 

fix(microsd): style the SD Card upload panel for the dark property dialog
This commit is contained in:
David Montero Crespo 2026-06-11 01:38:00 -03:00 committed by GitHub
parent 06a3fef61a 878e84e98a
commit 871f89caf0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/components/simulator/ComponentPropertyDialog.css
View File

@ -331,7 +331,7 @@
/* ── microSD "SD Card" upload panel ─────────────────────────────────────── */ /* ── microSD "SD Card" upload panel ─────────────────────────────────────── */
.sd-card-section { .sd-card-section {
border-top: 1px solid var(--border-color, #e2e2e2); border-top: 1px solid #444;
padding: 8px 10px; padding: 8px 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -356,7 +356,7 @@
} }
.sd-card-hint { .sd-card-hint {
font-size: 11px; font-size: 11px;
color: var(--text-secondary, #777); color: #aaa;
line-height: 1.3; line-height: 1.3;
} }
.sd-card-file { .sd-card-file {
@ -373,7 +373,7 @@
} }
.sd-card-file-size { .sd-card-file-size {
flex: 0 0 auto; flex: 0 0 auto;
color: var(--text-secondary, #777); color: #aaa;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }
.sd-card-file-remove { .sd-card-file-remove {
@ -399,17 +399,22 @@
} }
.sd-card-add { .sd-card-add {
font-size: 12px; font-size: 12px;
padding: 4px 10px; font-weight: 500;
border: 1px solid var(--border-color, #ccc); padding: 5px 12px;
border: none;
border-radius: 4px; border-radius: 4px;
background: var(--surface, #f6f6f6); background-color: #007acc;
color: #fff;
cursor: pointer; cursor: pointer;
transition: all 0.2s;
} }
.sd-card-add:hover { .sd-card-add:hover {
background: var(--surface-hover, #ececec); background-color: #005a9e;
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 122, 204, 0.3);
} }
.sd-card-total { .sd-card-total {
font-size: 11px; font-size: 11px;
color: var(--text-secondary, #777); color: #aaa;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
} }