UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: auth screens, error pages и новый канон внешних контуров

This commit is contained in:
DCCONSTRUCTIONS
2026-04-20 10:05:31 +03:00
parent df68c96795
commit c6ace8b9cc
25 changed files with 564 additions and 360 deletions
+12 -24
View File
@@ -16,18 +16,8 @@ import DefaultLayout from "@/layouts/default-layout";
const linkMap = [
{
key: "mail_to",
label: "Contact Support",
value: "mailto:support@plane.so",
},
{
key: "status",
label: "Status Page",
value: "https://status.plane.so/",
},
{
key: "twitter_handle",
label: "@planepowers",
value: "https://x.com/planepowers",
label: "Служба поддержки",
value: "https://nodedc.dctouch.ru/",
},
];
@@ -45,22 +35,20 @@ export function ProdErrorComponent({ onGoHome }: ProdErrorComponentProps) {
return (
<DefaultLayout>
<div className="relative container mx-auto flex h-full w-full max-w-xl flex-col items-center justify-center gap-2 gap-y-6 bg-surface-1 px-6 text-center">
<div className="relative w-full">
<div className="relative container mx-auto flex h-full w-full max-w-3xl items-center justify-center px-6 py-10">
<div className="nodedc-error-shell relative flex w-full flex-col gap-6 text-left">
<img
src={maintenanceModeImage}
height="176"
width="288"
alt="ProjectSettingImg"
className="h-full w-full object-fill object-center"
className="mx-auto h-full w-full max-w-[18rem] object-fill object-center"
/>
</div>
<div className="relative mt-4 flex w-full flex-col gap-4">
<div className="flex flex-col gap-2.5">
<h1 className="text-left text-18 font-semibold text-primary">&#x1F6A7; Looks like something went wrong!</h1>
<span className="text-left text-14 font-medium text-secondary">
We track these errors automatically and working on getting things back up and running. If the problem
persists feel free to contact us. In the meantime, try refreshing.
<h1 className="text-18 font-semibold text-primary">&#x1F6A7; Похоже, что-то пошло не так.</h1>
<span className="text-14 font-medium text-secondary">
Мы уже зафиксировали ошибку и пытаемся восстановить работу. Если проблема сохраняется, обратитесь в
службу поддержки и обновите страницу.
</span>
</div>
@@ -71,7 +59,7 @@ export function ProdErrorComponent({ onGoHome }: ProdErrorComponentProps) {
href={link.value}
target="_blank"
rel="noopener noreferrer"
className="text-13 text-accent-primary hover:underline"
className="nodedc-error-link text-13"
>
{link.label}
</a>
@@ -80,8 +68,8 @@ export function ProdErrorComponent({ onGoHome }: ProdErrorComponentProps) {
</div>
<div className="flex items-center justify-start gap-6">
<Button variant="primary" size="lg" onClick={onGoHome}>
Go to home
<Button variant="primary" size="lg" onClick={onGoHome} className="nodedc-error-primary">
На главную
</Button>
</div>
</div>