some ui fixes

vigneshshettyin · Oct 3, 2024 · 97eca73 · 97eca73
1 parent 25592f0
commit 97eca73
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -4,7 +4,6 @@ import { Toaster } from "@/components/ui/sonner";
 import { Appbar } from "@/components/NavigationBars/Appbar";
 import type { Metadata } from "next";
 import { Providers } from "./providers";
-import CookieConsent from "@/components/ui/banner";
 
 const inter = Inter({ subsets: ["latin"] });
 inter.className += " overflow-y-hidden";
@@ -29,7 +28,7 @@ export default function RootLayout({
       <body className={inter.className}>
         <Providers>
           <Appbar />
-          <div className="screen-full">{children}</div>
+          <div className="h-[91.5vh] overflow-y-auto">{children}</div>
           <Toaster />
         </Providers>
       </body>

diff --git a/app/page.tsx b/app/page.tsx
@@ -156,17 +156,15 @@ export default function Home() {
         </div>
         <a
           target="_blank"
-          className="group flex max-w-fit items-center space-x-2 rounded-md border border-gray-200 bg-white px-3 py-2 transition-colors hover:bg-gray-100"
+          className="group flex max-w-fit items-center space-x-2 rounded-md px-3 py-2 transition-colors"
           href="https://status.eurl.dev"
         >
           <div className="relative h-3 w-3">
             <div className="absolute inset-0 m-auto h-3 w-3 animate-ping items-center justify-center rounded-full group-hover:animate-none bg-green-500"></div>
             <div className="absolute inset-0 z-10 m-auto h-3 w-3 rounded-full bg-green-500"></div>
           </div>
           <p className="text-sm font-medium text-gray-800">
-            Status:{" "}
-            <span className="text-green-500 group-hover:text-gray-800"/>
-              Operational
+            Status
           </p>
         </a>
       </Card>

diff --git a/components/NavigationBars/Appbar.tsx b/components/NavigationBars/Appbar.tsx
@@ -11,7 +11,7 @@ import { SideNavbarMobile } from "./SideNavbarMobile";
 export function Appbar() {
 
   return (
-    <div className="fixed top-0 w-full pb-3 z-30 bg-inherit border-b-2">
+    <div className="fixed h-[8.5vh] top-0 w-full pb-3 z-30 bg-inherit border-b-2">
       <div className="flex mt-3 px-6">
         <div className="flex mt-1">
         <Link href="/">