nessi/NexaPG
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases 13 Activity

Adjust button and card styles for improved UI consistency

Browse Source 
Updated padding, borders, background gradients, and shadows in buttons and cards for a cleaner and more visually cohesive design. Tweaked hover effects to better align with the overall aesthetic.
This commit is contained in:
Sascha Nesterovic
2026-02-12 12:31:48 +01:00
parent c6da398574
commit c42504beee
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/styles.css
View File

@@ -350,7 +350,7 @@ button {
gap: 10px; gap: 10px;
max-height: 460px; max-height: 460px;
overflow: auto; overflow: auto;
padding-right: 2px; padding: 10px 4px 4px 0;
} }
.dashboard-targets-card { .dashboard-targets-card {
@@ -362,18 +362,18 @@ button {
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
gap: 12px; gap: 12px;
align-items: center; align-items: center;
border: 1px solid #2b5b8f; border: 1px solid #2a5382;
border-radius: 12px; border-radius: 12px;
padding: 12px 14px; padding: 12px 14px;
background: linear-gradient(180deg, #143462, #102a4f); background: linear-gradient(180deg, #0d2344, #0a1d38);
box-shadow: inset 0 1px 0 #6fc5ff1a; box-shadow: inset 0 1px 0 #7ec8ff14;
transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease; transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
} }
.dashboard-target-card:hover { .dashboard-target-card:hover {
transform: translateY(-1px); transform: none;
border-color: #3d84c8; border-color: #3f79af;
box-shadow: 0 10px 22px #071a3960; box-shadow: 0 8px 20px #03102566, inset 0 1px 0 #9ad6ff1f;
} }
.target-main h4 { .target-main h4 {