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

UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: тонкая подгонка home-шапки и уведомлений

This commit is contained in:
DCCONSTRUCTIONS 2026-04-26 12:18:48 +03:00
parent 8b5f15333a
commit 8fde5e9502
2 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
plane-src/apps/web/styles/globals.css
View File

@ -1830,6 +1830,8 @@
} }
.nodedc-home-hero { .nodedc-home-hero {
--nodedc-home-column-gap: 0.75rem;
--nodedc-home-title-width: 13.25rem;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
isolation: isolate; isolation: isolate;
@ -1855,12 +1857,11 @@
justify-content: flex-end; justify-content: flex-end;
gap: 0.8rem; gap: 0.8rem;
min-height: 1.75rem; min-height: 1.75rem;
padding: 0.1rem 0.35rem 0.45rem; padding: 0.1rem 1.45rem 0.45rem 0.35rem;
text-align: right; text-align: right;
} }
.nodedc-home-hero-grid { .nodedc-home-hero-grid {
--nodedc-home-title-width: 13.25rem;
display: grid; display: grid;
min-width: 0; min-width: 0;
position: relative; position: relative;
@ -1868,8 +1869,17 @@
} }
@media (min-width: 1280px) { @media (min-width: 1280px) {
.nodedc-home-hero {
--nodedc-home-title-width: 360px;
}
.nodedc-home-hero-time {
margin-left: calc(var(--nodedc-home-title-width) + var(--nodedc-home-column-gap));
}
.nodedc-home-hero-grid { .nodedc-home-hero-grid {
grid-template-columns: minmax(0, 1fr); grid-template-columns: var(--nodedc-home-title-width) minmax(0, 1fr);
gap: var(--nodedc-home-column-gap);
align-items: stretch; align-items: stretch;
} }
} }
@ -1880,6 +1890,7 @@
z-index: 1; z-index: 1;
display: flex; display: flex;
min-height: 11.1rem; min-height: 11.1rem;
width: var(--nodedc-home-title-width);
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
border-radius: 1.7rem; border-radius: 1.7rem;
@ -1889,6 +1900,14 @@
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
} }
@media (min-width: 1280px) {
.nodedc-home-hero-title-cell {
right: 0;
width: auto;
padding-right: max(1.35rem, calc(100% - var(--nodedc-home-title-width)));
}
}
.nodedc-home-hero-title-cell h1 { .nodedc-home-hero-title-cell h1 {
max-width: 18rem; max-width: 18rem;
color: var(--text-color-primary); color: var(--text-color-primary);
@ -1960,6 +1979,16 @@
0 18px 42px rgba(0, 0, 0, 0.18) !important; 0 18px 42px rgba(0, 0, 0, 0.18) !important;
} }
@media (min-width: 1280px) {
.nodedc-home-market-band {
left: calc(var(--nodedc-home-title-width) + var(--nodedc-home-column-gap));
}
.nodedc-home-hero-title-cell > * {
transform: translateY(1rem);
}
}
.nodedc-home-market-focus-title { .nodedc-home-market-focus-title {
line-height: 1.22 !important; line-height: 1.22 !important;
} }

2
plane-src/packages/propel/src/toast/toast.tsx
View File

@ -58,7 +58,7 @@ const DEFAULT_LOADING_TITLE = "Загрузка...";
const TOAST_SURFACE_CLASSNAME = const TOAST_SURFACE_CLASSNAME =
"!border-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.07)_0%,rgba(255,255,255,0.025)_100%),rgba(55,55,56,0.78)] text-white shadow-[0_26px_64px_rgba(0,0,0,0.36),inset_0_1px_0_rgba(255,255,255,0.09)] !outline-none backdrop-blur-[34px]"; "!border-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.07)_0%,rgba(255,255,255,0.025)_100%),rgba(55,55,56,0.78)] text-white shadow-[0_26px_64px_rgba(0,0,0,0.36),inset_0_1px_0_rgba(255,255,255,0.09)] !outline-none backdrop-blur-[34px]";
const TOAST_CLOSE_CLASSNAME = const TOAST_CLOSE_CLASSNAME =
"absolute top-1/2 left-4 grid size-12 -translate-y-1/2 cursor-pointer place-items-center rounded-full !border-0 bg-black/[0.68] p-0 text-white/[0.72] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)] !outline-none transition-colors hover:bg-black/[0.8] hover:text-white focus:outline-none focus-visible:bg-black/[0.84] focus-visible:text-white"; "absolute top-4 left-4 grid size-12 cursor-pointer place-items-center rounded-full !border-0 bg-black/[0.68] p-0 text-white/[0.72] shadow-[inset_0_1px_0_rgba(255,255,255,0.06)] !outline-none transition-colors hover:bg-black/[0.8] hover:text-white focus:outline-none focus-visible:bg-black/[0.84] focus-visible:text-white";
const TOAST_STATUS_CLASSNAME = const TOAST_STATUS_CLASSNAME =
"absolute top-1/2 right-5 grid size-12 -translate-y-1/2 place-items-center rounded-full bg-black/[0.24] text-white/[0.7] shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]"; "absolute top-1/2 right-5 grid size-12 -translate-y-1/2 place-items-center rounded-full bg-black/[0.24] text-white/[0.7] shadow-[inset_0_1px_0_rgba(255,255,255,0.08)]";