Halaman utama Jelajahi Bantuan
Daftar Masuk
khysnik
/
template-lib
1
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Jelajahi Sumber

good enough

Khysnik 1 bulan lalu
induk
be7bd3c88b
melakukan
647313dfcd
3 mengubah file dengan 4 tambahan dan 4 penghapusan
Tampilan Split Tampilkan Statistik Diff
  1. 2 2
      app/page.tsx
  2. 1 1
      packages/react-sol/src/components/Body/Body.tsx
  3. 1 1
      packages/react-sol/src/components/Header/Header.tsx

+ 2 - 2
app/page.tsx
Tampilan Berkas 

@@ -16,12 +16,12 @@ export default function Home() {
 
                 height={ratio.top()}
 
                 siteName="My Site"
 
                 logo="globe.svg"
 
-                className="bg-gray-800 text-white flex items-center"
 
+                className="bg-gray-800 text-white"
 
                 menu={menu}
 
             />
 
 
             <Body height={ratio.middle()} renderFn={undefined}
 
-                  className="bg-gray-700 justify-center items-center flex flex-col">
 
+                  className="bg-gray-700">
 
                 <h1>Main Content</h1>
 
                 <p>Your page content here...</p>
 
             </Body>

+ 1 - 1
packages/react-sol/src/components/Body/Body.tsx
Tampilan Berkas 

@@ -14,7 +14,7 @@ export const Body: React.FC<BodyProps> = ({
 
                                               className = "",
 
                                           }) => {
 
     return (
 
-        <main className={`overflow-auto px-6 py-4 ${className}`}
 
+        <main className={`overflow-auto px-6 py-4 justify-center items-center flex flex-col ${className}`}
 
               style={{height: height ? `${height}vh` : undefined}}>
 
             {renderFn ? renderFn() : children}
 
         </main>

+ 1 - 1
packages/react-sol/src/components/Header/Header.tsx
Tampilan Berkas 

@@ -22,7 +22,7 @@ export const Header: React.FC<HeaderProps> = ({
 
 
     return (
 
         <header
 
-            className={`px-6 bg-gray-800 text-white ${className}`}
 
+            className={`px-6 flex items-center ${className}`}
 
             style={{height: height ? `${height}vh` : undefined}}
 
         >
 
             <div className="w-full max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between">