SILVER/NODEDC_TASKMANAGER
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: горизонтализация hero-блока и затемнение подложек home

Browse Source
This commit is contained in:
DCCONSTRUCTIONS
2026-04-23 14:35:17 +03:00
parent 3034ba5089
commit 4c436a949e
4 changed files with 76 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plane-src/apps/web/styles/globals.css
+36 -15
View File
@@ -1545,11 +1545,11 @@
outline: none !important;
border-radius: 2rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.034) 0%, rgba(255, 255, 255, 0.012) 100%),
rgba(255, 255, 255, 0.028) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.026) 0%, rgba(255, 255, 255, 0.008) 100%),
rgba(10, 10, 12, 0.58) !important;
box-shadow:
0 18px 40px rgba(0, 0, 0, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.028) !important;
0 18px 40px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.02) !important;
-webkit-backdrop-filter: blur(28px);
backdrop-filter: blur(28px);
}
@@ -1560,15 +1560,15 @@
inset: 0;
z-index: 0;
background:
radial-gradient(circle at top right, rgba(var(--nodedc-accent-rgb), 0.12), transparent 34%),
linear-gradient(180deg, rgba(255, 255, 255, 0.014) 0%, transparent 100%);
radial-gradient(circle at top right, rgba(var(--nodedc-accent-rgb), 0.08), transparent 34%),
linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, transparent 100%);
pointer-events: none;
}
.nodedc-home-card[data-tone="accent"] {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.042) 0%, rgba(255, 255, 255, 0.016) 100%),
rgba(var(--nodedc-accent-rgb), 0.12) !important;
linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.012) 100%),
rgba(var(--nodedc-accent-rgb), 0.1) !important;
}
.nodedc-home-card[data-tone="accent"]::before {
@@ -1713,31 +1713,37 @@
.nodedc-home-metric-card {
border-radius: 1.5rem !important;
border: 1px solid rgba(255, 255, 255, 0.06);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.032) 0%, rgba(255, 255, 255, 0.012) 100%), rgba(0, 0, 0, 0.14);
linear-gradient(180deg, rgba(255, 255, 255, 0.018) 0%, rgba(255, 255, 255, 0.006) 100%),
rgba(7, 7, 9, 0.58);
padding: 1rem;
box-shadow:
0 14px 28px rgba(0, 0, 0, 0.14),
inset 0 1px 0 rgba(255, 255, 255, 0.016) !important;
}
.nodedc-home-metric-card-accent {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.042) 0%, rgba(255, 255, 255, 0.016) 100%),
rgba(var(--nodedc-accent-rgb), 0.12);
linear-gradient(180deg, rgba(255, 255, 255, 0.022) 0%, rgba(255, 255, 255, 0.008) 100%),
rgba(7, 7, 9, 0.62);
}
.nodedc-home-chart-panel {
border-radius: 1.75rem !important;
border: 1px solid rgba(255, 255, 255, 0.06);
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.032) 0%, rgba(255, 255, 255, 0.012) 100%), rgba(0, 0, 0, 0.14);
linear-gradient(180deg, rgba(255, 255, 255, 0.018) 0%, rgba(255, 255, 255, 0.006) 100%),
rgba(7, 7, 9, 0.56);
padding: 1rem;
box-shadow:
0 18px 34px rgba(0, 0, 0, 0.16),
inset 0 1px 0 rgba(255, 255, 255, 0.016) !important;
}
.nodedc-home-progress-track {
height: 0.55rem;
overflow: hidden;
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
background: rgba(255, 255, 255, 0.06);
}
.nodedc-home-progress-fill {
@@ -1746,6 +1752,21 @@
background: linear-gradient(90deg, rgba(var(--nodedc-accent-rgb), 0.94) 0%, rgba(255, 255, 255, 0.92) 100%);
}
.nodedc-home-subpanel {
border-radius: 1.5rem !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.018) 0%, rgba(255, 255, 255, 0.006) 100%),
rgba(6, 6, 8, 0.64) !important;
box-shadow:
0 14px 28px rgba(0, 0, 0, 0.16),
inset 0 1px 0 rgba(255, 255, 255, 0.01) !important;
}
.nodedc-home-soft-badge {
background: rgba(0, 0, 0, 0.34) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.01) !important;
}
.nodedc-workspace-list-row:hover {
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.044) 0%, rgba(255, 255, 255, 0.018) 100%),