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

14
apps/frontend/src/pages/CompletedPage.tsx
View File

@@ -15,9 +15,9 @@ export function CompletedPage() {
return (
<div className="grid gap-6">
<section>
<h1 className="font-display text-3xl">{t('completed.title')}</h1>
<p className="text-sm text-muted">
<section className="page-section">
<h1 className="page-section__title">{t('completed.title')}</h1>
<p className="page-section__text">
{t('completed.description')}
</p>
</section>
@@ -25,10 +25,10 @@ export function CompletedPage() {
{isLoading && <div className="text-muted">{t('common.loading')}</div>}
{!isLoading && data && data.length === 0 && (
<div className="flex flex-col items-center gap-2 rounded-xl border border-border bg-surface/80 p-10 text-center shadow-card">
<CheckCircle2 className="h-10 w-10 text-muted" />
<h2 className="text-xl font-semibold">{t('completed.emptyTitle')}</h2>
<p className="text-sm text-muted">
<div className="empty-state">
<CheckCircle2 className="empty-state__icon" />
<h2 className="empty-state__title">{t('completed.emptyTitle')}</h2>
<p className="empty-state__text">
{t('completed.emptyText')}
</p>
</div>