feat(web): full desktop layout instead of a stretched phone view

- focus screens: question and context on the left, answers on the right in
  one wide card; consent text and the 0–10 scale in one wide column
- today: dashboard with tasks, this week's doses and quick actions side by
  side; meds / doctor / profile in two-column grids; welcome gets «Как это
  работает» steps
- fix: 0–10 scale no longer overflows narrow containers

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-04 08:25:17 +03:00
co-authored by Claude Opus 5.5
parent f233c1e5ca
commit 40c242bb1a
10 changed files with 558 additions and 192 deletions
+11 -4
View File
@@ -59,13 +59,20 @@ export function EmiasSignIn() {
return (
<AppShell signedIn={false} focus>
<div className="stack narrow">
<div className="focus">
<TopBar onBack={() => navigate("/")} />
<div className="split">
<div className="split__lead">
<header className="head">
<span className="tile-icon tile-icon--teal">
<Icon name="docPlus" size={26} />
</span>
<h1 className="h1">{t.title}</h1>
<p className="lead">{t.lead}</p>
</header>
<Notice>{t.demoNotice}</Notice>
</div>
<div className="split__act">
<form className="stack stack--sm" onSubmit={submit} noValidate>
<label htmlFor="code" className="visually-hidden">
{t.codeLabel}
@@ -93,8 +100,6 @@ export function EmiasSignIn() {
</button>
</form>
<Notice>{t.demoNotice}</Notice>
<div className="divider" role="separator">
<span>{t.or}</span>
</div>
@@ -115,6 +120,8 @@ export function EmiasSignIn() {
</button>
))}
</section>
</div>
</div>
</div>
</AppShell>
);