adaptive footer

2025-04-22 12:21:44 +05:00
parent 7905481033
commit 853fb156cd
9 changed files with 173 additions and 107 deletions
@@ -4,7 +4,7 @@ import Footer from "../components/Footer";

 function DefaultLayout() {
  return (
-    <div className="select-none touch-none">
+    <div className="select-none flex flex-col">
      <Header />
      <div className="h-[calc(100dvh-3.889vw)] max-lg:h-[calc(100dvh-56px)] max-md:h-[calc(100dvh-64px)]">
        <Outlet />
@@ -0,0 +1,15 @@
+import Header from "../components/Header";
+import { Outlet } from "react-router";
+
+function LayoutWithoutFooter() {
+  return (
+    <div className="select-none flex flex-col">
+      <Header />
+      <div className="h-[calc(100dvh-3.889vw)] max-lg:h-[calc(100dvh-56px)] max-md:h-[calc(100dvh-64px)]">
+        <Outlet />
+      </div>
+    </div>
+  );
+}
+
+export default LayoutWithoutFooter;