Refactor layout and add host command

gvorbeck · Jan 22, 2024 · 7f122bd · 7f122bd
1 parent b382704
commit 7f122bd
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 12 deletions.
diff --git a/index.html b/index.html
@@ -1,8 +1,5 @@
 <!doctype html>
-<html
-  lang="en"
-  class="h-full [&_body]:h-full [&_#root]:h-full [&_#root>div]:h-full [&_#root>div]:overflow-auto"
->
+<html lang="en" class="[&_#root>div]:overflow-auto">
   <head>
     <meta charset="UTF-8" />
     <link

diff --git a/package.json b/package.json
@@ -14,7 +14,8 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "format": "prettier --write './src/**/*.{js,ts,tsx}'",
-    "test": "jest"
+    "test": "jest",
+    "host": "vite --host"
   },
   "dependencies": {
     "@ant-design/icons": "^5.2.6",

diff --git a/src/components/PageLayout/PageLayout.tsx b/src/components/PageLayout/PageLayout.tsx
@@ -13,16 +13,12 @@ interface PageLayoutProps {
 
 const PageLayout: React.FC<PageLayoutProps> = ({ user }) => {
   const contentWidthClassName = "max-w-[1200px] mx-auto w-full";
-  const layoutContentClassName = classNames(
-    contentWidthClassName,
-    "p-4",
-    "flex-[1_0_auto]",
-  );
+  const layoutContentClassName = classNames(contentWidthClassName, "p-4");
   const location = useLocation();
   const isHomePage = location.pathname === "/";
   const navigate = useNavigate();
   return (
-    <Layout className="bg-noise flex flex-col">
+    <Layout className="flex flex-col min-h-[100vh]">
       <Layout.Header className="flex items-center">
         <PageHeader user={user} className={contentWidthClassName} />
       </Layout.Header>
@@ -61,7 +57,7 @@ const PageLayout: React.FC<PageLayoutProps> = ({ user }) => {
           <Outlet context={{ user, className: "" }} />
         </Flex>
       </Layout.Content>
-      <Layout.Footer className="shrink-0">
+      <Layout.Footer>
         <PageFooter className={contentWidthClassName} />
       </Layout.Footer>
     </Layout>