admin/family_wishlist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(frontend): move repeated Tailwind chains into BEM classes

Browse Source
This commit is contained in:
Vaka.pro
2026-04-27 20:42:21 +03:00
parent 17d59c3639
commit d46d4c4487
14 changed files with 273 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/frontend/src/pages/LoginPage.tsx
View File

@@ -47,11 +47,11 @@ export function LoginPage() {
});
return (
<div className="flex min-h-screen flex-col">
<div className="container-page flex justify-end pt-6">
<div className="app-shell">
<div className="public-profile__toolbar">
<LanguageSwitcher />
</div>
<div className="container-page flex flex-1 items-center justify-center py-12">
<div className="app-shell__main flex items-center justify-center py-12">
<div className="w-full max-w-md animate-fade-in-up">
<div className="mb-6 flex items-center justify-center gap-2">
<span className="inline-flex h-11 w-11 items-center justify-center rounded-md bg-primary text-primary-foreground shadow-card">
@@ -60,7 +60,7 @@ export function LoginPage() {
<h1 className="font-display text-3xl">{t('app.name')}</h1>
</div>
<div className="rounded-xl border border-border bg-surface p-6 shadow-card sm:p-8">
<div className="profile-form p-6 sm:p-8">
<h2 className="mb-1 text-xl font-semibold">{t('login.title')}</h2>
<p className="mb-6 text-sm text-muted">
{t('login.description')}