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

2026-04-27 20:42:21 +03:00
parent 17d59c3639
commit d46d4c4487
14 changed files with 273 additions and 101 deletions
--- a/apps/frontend/src/components/Layout/AppShell.tsx
+++ b/apps/frontend/src/components/Layout/AppShell.tsx
@@ -4,9 +4,9 @@ import { Footer } from './Footer';

 export function AppShell() {
  return (
-    <div className="flex min-h-screen flex-col">
+    <div className="app-shell">
      <Header />
-      <main className="container-page flex-1 py-6 sm:py-10">
+      <main className="app-shell__main">
        <Outlet />
      </main>
      <Footer />