fix/styles

ArunGovil · Jan 11, 2023 · 864a9a7 · 864a9a7 · vercel · Jan 11, 2023
1 parent b3aab94
commit 864a9a7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -4,7 +4,7 @@ import Link from "next/link";
 export default function Footer() {
   const logo = require("../public/img/cmdr.png");
   return (
-    <nav className="flex justify-between p-4 items-center w-full max-w-5xl mt-8">
+    <nav className="flex justify-between p-4 items-center w-full max-w-5xl">
       <Link href="/">
         <Image src={logo} alt="cmdr" className="w-12" />
       </Link>

diff --git a/components/Listing.tsx b/components/Listing.tsx
@@ -69,7 +69,7 @@ export default function Listing() {
 
   return (
     <div className="flex flex-col justify-center items-center p-4 w-full max-w-5xl mt-8">
-      <nav>
+      <nav ref={sectionRef} className="pt-4">
         <ul className="flex">
           {tabs.length > 0 &&
             tabs.map((item) => (
@@ -87,7 +87,7 @@ export default function Listing() {
             ))}
         </ul>
       </nav>
-      <section ref={sectionRef} className="mt-8 w-full">
+      <section className="mt-8 w-full">
         {isLoading ? returnLoading() : returnResult()}
       </section>
     </div>

diff --git a/components/SearchListing.tsx b/components/SearchListing.tsx
@@ -9,7 +9,7 @@ interface SearchListingProps {
 export default function SearchListing({ searchData }: SearchListingProps) {
   const returnResult = () => {
     return (
-      <div>
+      <div className="min-h-[45vh]">
         {searchData.length > 0 ? (
           <ul className="mb-8 min-h-[80vh]">
             {searchData.map((item: any) => (