fix: header's height & restructure Loader in /loaders

amirfakhrullah · Jun 17, 2022 · 8d66253 · 8d66253
1 parent 083456b
commit 8d66253
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -12,7 +12,7 @@ const Header: React.FC<{
 
   return (
     <>
-      <div className="w-full bg-gray-900 border-b border-gray-700 md:p-5 p-2 flex flex-row items-center justify-between">
+      <div className="w-full bg-gray-900 border-b border-gray-700 md:p-5 p-2 flex flex-row items-center justify-between md:h-20">
         <Link href="/">
           <h1 className="font-lobster text-3xl font-black text-indigo-500 cursor-pointer">
             BloqDown

diff --git a/src/components/Loader.tsx → src/components/loaders/Loader.tsx b/src/components/Loader.tsx → src/components/loaders/Loader.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import Header from "./Header";
-import MetaHead from "./MetaHead";
+import Header from "../Header";
+import MetaHead from "../MetaHead";
 
 const Loader: React.FC = () => {
   return (

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import Loader from "../components/Loader";
+import Loader from "../components/loaders/Loader";
 import MetaHead from "../components/MetaHead";
 import PostForm from "../components/PostForm";
 import PostCard from "../components/PostCard";

diff --git a/src/pages/posts/[id].tsx b/src/pages/posts/[id].tsx
@@ -1,6 +1,6 @@
 import { useRouter } from "next/router";
 import React, { useState } from "react";
-import Loader from "../../components/Loader";
+import Loader from "../../components/loaders/Loader";
 import MetaHead from "../../components/MetaHead";
 import { trpc } from "../../utils/trpc";
 import Comments from "../../components/Comments";

diff --git a/src/pages/posts/index.tsx b/src/pages/posts/index.tsx
@@ -2,7 +2,7 @@ import { useSession } from "next-auth/react";
 import React from "react";
 import Container from "../../components/Container";
 import Header from "../../components/Header";
-import Loader from "../../components/Loader";
+import Loader from "../../components/loaders/Loader";
 import MetaHead from "../../components/MetaHead";
 import PostButton from "../../components/PostButton";
 import PostCard from "../../components/PostCard";