nucleo000/radiusNucleo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mejoras de UI 3

Browse Source
This commit is contained in:
josedario87
2025-09-26 17:17:57 -06:00
parent 6e6523c0c8
commit 2953f18412
1 changed files with 22 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/styles.css
View File

@@ -46,7 +46,14 @@ a { color: inherit; }
:root:not(.light) .topbar { :root:not(.light) .topbar {
background: background:
linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box, linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box,
linear-gradient(135deg, #ff2e86, #ff6bb0) border-box; linear-gradient(135deg,
rgba(255, 46, 134, 0.95) 0%,
rgba(255, 46, 134, 0.60) 10%,
rgba(255, 107, 176, 0.45) 18%,
rgba(0, 0, 0, 0.28) 28%,
rgba(0, 0, 0, 0.10) 50%,
rgba(0, 0, 0, 0.00) 70%
) border-box;
box-shadow: 0 0 18px rgba(255, 46, 134, 0.25), 0 0 6px rgba(255, 107, 176, 0.2); box-shadow: 0 0 18px rgba(255, 46, 134, 0.25), 0 0 6px rgba(255, 107, 176, 0.2);
} }
.title { font-size: 16px; font-weight: 700; letter-spacing: .2px; flex: 1 1 auto; } .title { font-size: 16px; font-weight: 700; letter-spacing: .2px; flex: 1 1 auto; }
@@ -61,12 +68,24 @@ a { color: inherit; }
.panel { border: 1px solid transparent; background: rgba(var(--card)); border-radius: var(--radius); backdrop-filter: blur(var(--glass-blur)); overflow: hidden; display: flex; flex-direction: column; min-height: 0; .panel { border: 1px solid transparent; background: rgba(var(--card)); border-radius: var(--radius); backdrop-filter: blur(var(--glass-blur)); overflow: hidden; display: flex; flex-direction: column; min-height: 0;
background: background:
linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box, linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box,
linear-gradient(135deg, #ff9fcb, #ff7fbb) border-box; radial-gradient(140% 140% at 50% 100%,
rgba(255, 159, 203, 0.95) 0%,
rgba(255, 127, 187, 0.70) 12%,
rgba(255, 127, 187, 0.28) 24%,
rgba(255, 127, 187, 0.00) 50%
) border-box;
} }
:root:not(.light) .panel { :root:not(.light) .panel {
background: background:
linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box, linear-gradient(rgba(var(--card)), rgba(var(--card))) padding-box,
linear-gradient(135deg, #ff2e86, #ff6bb0) border-box; radial-gradient(140% 140% at 50% 100%,
rgba(255, 46, 134, 0.95) 0%,
rgba(255, 46, 134, 0.60) 10%,
rgba(255, 107, 176, 0.45) 18%,
rgba(0, 0, 0, 0.28) 28%,
rgba(0, 0, 0, 0.10) 50%,
rgba(0, 0, 0, 0.00) 70%
) border-box;
box-shadow: 0 0 22px rgba(255, 46, 134, 0.18), 0 0 8px rgba(255, 107, 176, 0.15); box-shadow: 0 0 22px rgba(255, 46, 134, 0.18), 0 0 8px rgba(255, 107, 176, 0.15);
} }
.panel-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid rgba(var(--border)); } .panel-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid rgba(var(--border)); }