diff --git a/plane-src/apps/web/styles/globals.css b/plane-src/apps/web/styles/globals.css index 4812b2d..a4e3418 100644 --- a/plane-src/apps/web/styles/globals.css +++ b/plane-src/apps/web/styles/globals.css @@ -1830,6 +1830,8 @@ } .nodedc-home-hero { + --nodedc-home-column-gap: 0.75rem; + --nodedc-home-title-width: 13.25rem; position: relative; overflow: hidden; isolation: isolate; @@ -1855,12 +1857,11 @@ justify-content: flex-end; gap: 0.8rem; min-height: 1.75rem; - padding: 0.1rem 0.35rem 0.45rem; + padding: 0.1rem 1.45rem 0.45rem 0.35rem; text-align: right; } .nodedc-home-hero-grid { - --nodedc-home-title-width: 13.25rem; display: grid; min-width: 0; position: relative; @@ -1868,8 +1869,17 @@ } @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 { - 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; } } @@ -1880,6 +1890,7 @@ z-index: 1; display: flex; min-height: 11.1rem; + width: var(--nodedc-home-title-width); flex-direction: column; justify-content: center; border-radius: 1.7rem; @@ -1889,6 +1900,14 @@ 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 { max-width: 18rem; color: var(--text-color-primary); @@ -1960,6 +1979,16 @@ 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 { line-height: 1.22 !important; } diff --git a/plane-src/packages/propel/src/toast/toast.tsx b/plane-src/packages/propel/src/toast/toast.tsx index f8aaafd..711d708 100644 --- a/plane-src/packages/propel/src/toast/toast.tsx +++ b/plane-src/packages/propel/src/toast/toast.tsx @@ -58,7 +58,7 @@ const DEFAULT_LOADING_TITLE = "Загрузка..."; 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]"; 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 = "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)]";