Working on tailwind and styles.

diff --git a/src/App.js b/src/App.js
index b291e31e7eb789a6dd894236e13e19b6383125c9..6e44ca297a9715c0e9715825964d9b5eb77429e0 100755 (executable)
--- a/src/App.js
+++ b/src/App.js
@@ -21,7 +21,7 @@ const App = () => {
         <AuthProvider>
           <div className="flex flex-col min-h-screen">
             <AppHeader />
-            <main className="flex-grow pt-16"> {/* Padding for sticky header */}
+            <main className="flex-grow pt-20" style={{ paddingTop: '64px' }}> {/* Padding for sticky header */}
               <AppRoutes />
             </main>
           </div>

diff --git a/src/styles/App.css b/src/styles/App.css
index 33c4fb9cd1f8bae14865c1cd99d0dce204a7338e..b7a6f3cd18ef0a68aa1c28eae4d8bed5e555d891 100755 (executable)
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -1,25 +1,3 @@
-/* main.css or similar */
-
-.App {
-  text-align: center;
-}
-
-.app-header {
-  min-height: 2rem;
-  background-color: rgb(103, 58, 183);
-  padding: .25rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
 .container {
     @apply max-w-7xl mx-auto p-4;
 }
@@ -46,4 +24,4 @@
 
 .chat-message-received {
     @apply bg-gray-100 mr-auto max-w-xs;
-}
+}
\ No newline at end of file