From 2d1ef7dbacd698b3739b1af591026b29c4e8c58d Mon Sep 17 00:00:00 2001
From: Tatyana <krasnovavgma@yandex.ru>
Date: Wed, 30 Jul 2025 11:08:21 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=82=D1=8B=20=D1=85=D0=B5=D0=B4=D0=B5=D1=80=20=D1=84?=
 =?UTF-8?q?=D1=83=D1=82=D0=B5=D1=80=20+=20=D1=81=D1=82=D0=B8=D0=BB=D0=B8?=
 =?UTF-8?q?=20=D0=B4=D0=BB=D1=8F=20=D0=BF=D1=80=D0=B8=D0=B6=D0=B0=D1=82?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D1=84=D1=83=D1=82=D0=B5=D1=80=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.tsx                    | 26 +++++++++++++++++++++++---
 src/components/Footer.tsx      | 11 +++++++++++
 src/components/Header.tsx      | 13 +++++++++++++
 src/components/MainContent.tsx | 12 ++++++++++++
 src/main.tsx                   |  8 ++++----
 5 files changed, 63 insertions(+), 7 deletions(-)
 create mode 100644 src/components/Footer.tsx
 create mode 100644 src/components/Header.tsx
 create mode 100644 src/components/MainContent.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 0e6b5f9..f085d62 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,4 +1,6 @@
-
+import Header from './components/Header'
+import MainContent from './components/MainContent'
+import Footer from './components/Footer'
 
 
 function App() {
@@ -6,9 +8,27 @@ function App() {
 
   return (
     <>
-      <h2 className='text-2xl text-blue-500'>Test</h2>
+<div className="flex flex-col min-h-screen container mx-auto px-4 bg-fuchsia-200">
+
+  <header className="fixed top-0 left-0 w-full z-50 bg-fuchsia-400 shadow h-12 px-4">
+    <Header />
+  </header>
+
+
+  <main className="flex-1 mt-12 bg-green-200">
+    <MainContent />
+  </main>
+
+
+  <footer className="mt-auto bg-fuchsia-400">
+    <Footer />
+  </footer>
+</div>
     </>
-  )
+  );
 }
 
 export default App
+
+
+
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..39eb9f6
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,11 @@
+
+function Header() {
+    return (
+        <div>
+           <p>footer</p>
+        </div>
+    );
+}
+
+export default Header;
+
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..50d89c9
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,13 @@
+
+
+function Header() {
+    return (
+        <div className=''>
+            <h1>Вмеда</h1>
+            
+        </div>
+    );
+}
+
+export default Header;
+
diff --git a/src/components/MainContent.tsx b/src/components/MainContent.tsx
new file mode 100644
index 0000000..58315ea
--- /dev/null
+++ b/src/components/MainContent.tsx
@@ -0,0 +1,12 @@
+
+
+function Header() {
+    return (
+        <div className="h-full">
+            <p>main content</p>
+        </div>
+    );
+}
+
+export default Header;
+
diff --git a/src/main.tsx b/src/main.tsx
index 337747e..9dae223 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -8,6 +8,7 @@ import App from './App.tsx'
 
 
 
+
 // Импортируем IonApp
 import { IonApp, IonContent, IonPage } from '@ionic/react'
 
@@ -17,11 +18,10 @@ createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <IonApp>
       <IonPage>
-<IonContent>
-        <App />
-</IonContent>
+        <IonContent > 
+          <App />
+        </IonContent>
       </IonPage>
-
     </IonApp>
   </StrictMode>,
 )