ochenstarik/krona-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(control-center): adapt ControlForbiddenPage styling and RU strings

Browse source
This commit is contained in:
ochenstarik 2026-09-11 09:39:10 +07:00
parent b762f72178
commit 41aa560d38
1 changed files with 17 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/features/control-center/pages/ControlForbiddenPage.tsx
View file

@ -1,41 +1,43 @@
import React from 'react'; import React from 'react';
import { NavLink } from 'react-router-dom'; import { NavLink } from 'react-router-dom';
import { ShieldAlert, ArrowLeft } from 'lucide-react'; import { ShieldAlert, ArrowLeft } from 'lucide-react';
import { RU_UI } from '../locales/ru';
export const ControlForbiddenPage: React.FC = () => { export const ControlForbiddenPage: React.FC = () => {
return ( return (
<div className="min-h-screen bg-[#07130e] text-zinc-100 flex items-center justify-center p-6"> <div className="min-h-screen bg-krona-app text-krona-primary flex items-center justify-center p-4 md:p-6 transition-colors duration-200">
<div className="w-full max-w-md rounded-2xl border border-rose-850 bg-[#0d1e17] p-8 text-center space-y-5 shadow-2xl"> <div className="w-full max-w-md rounded-2xl border border-rose-500/40 bg-krona-surface p-6 md:p-8 text-center space-y-5 shadow-xl">
<div className="w-16 h-16 rounded-2xl bg-rose-950/60 border border-rose-700/50 flex items-center justify-center text-rose-400 mx-auto"> <div className="w-16 h-16 rounded-2xl bg-rose-500/15 border border-rose-500/30 flex items-center justify-center text-rose-500 mx-auto">
<ShieldAlert className="w-8 h-8" /> <ShieldAlert className="w-8 h-8" />
</div> </div>
<div> <div>
<span className="text-xs font-mono font-bold uppercase tracking-widest text-rose-400"> <span className="text-xs font-mono font-bold uppercase tracking-widest text-rose-500">
HTTP 403 FORBIDDEN HTTP 403 • Доступ ограничен
</span> </span>
<h1 className="text-2xl font-black text-zinc-100 mt-1">Доступ закрыт</h1> <h1 className="text-xl md:text-2xl font-black text-krona-primary mt-1">
<p className="text-xs text-zinc-400 mt-2 leading-relaxed"> {RU_UI.forbiddenTitle}
Раздел Krona Control Center предназначен исключительно для авторизованных системных операторов платформы </h1>
(Platform Owner / Platform Admin / Support / Billing). <p className="text-xs text-krona-secondary mt-2 leading-relaxed">
{RU_UI.forbiddenDescription}
</p> </p>
</div> </div>
<div className="p-3 rounded-lg bg-zinc-950/60 border border-zinc-800 text-xs text-zinc-400"> <div className="p-3.5 rounded-xl bg-krona-workspace border border-krona-border text-xs text-krona-secondary">
Если вы оператор демонстрационного стенда, переключитесь на роль платформы в сессионном переключателе или Если вы оператор демонстрационного стенда, переключитесь на роль Владельца или Администратора в сессионном переключателе профиля.
авторизуйтесь через Access Gate.
</div> </div>
<div className="flex flex-col gap-2 pt-2"> <div className="flex flex-col gap-2 pt-2">
<NavLink <NavLink
to="/" to="/control"
className="w-full py-2.5 px-4 rounded-xl bg-zinc-900 border border-zinc-700 hover:bg-zinc-800 text-zinc-200 text-xs font-semibold flex items-center justify-center gap-2 transition-colors" className="w-full min-h-[44px] py-2.5 px-4 rounded-xl bg-amber-500 hover:bg-amber-400 text-zinc-950 text-xs font-bold flex items-center justify-center gap-2 transition-colors shadow-xs"
> >
<ArrowLeft className="w-4 h-4" /> <ArrowLeft className="w-4 h-4" />
<span>Вернуться в клиентское приложение</span> <span>{RU_UI.forbiddenBack}</span>
</NavLink> </NavLink>
</div> </div>
</div> </div>
</div> </div>
); );
}; };