make changes to layout.

KhudaDad414 · Apr 29, 2024 · 5301f0e · 5301f0e
1 parent 2c1f515
commit 5301f0e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/apps/studio-next/src/app/layout.tsx b/apps/studio-next/src/app/layout.tsx
@@ -1,19 +1,17 @@
 /* eslint-disable no-undef */
 import { Toolbar } from '@/components/Toolbar'
 import './globals.css'
-import { Inter } from 'next/font/google'
 
-const inter = Inter({ subsets: ['latin'] })
 export default function RootLayout({
   children,
 }: {
   children: React.ReactNode
 }) {
   return (
     <html lang="en">
-      <body className={inter.className}>
+      <body>
         <Toolbar />
-        <main className="flex flex-col w-full h-screen">
+        <main className="flex flex-col w-full h-[calc(100vh-4rem)]">
           {children}
         </main> 
         <div id="preloader">

diff --git a/apps/studio-next/src/components/Navigationv3.tsx b/apps/studio-next/src/components/Navigationv3.tsx
@@ -17,7 +17,7 @@ interface NavigationSectionProps {
   hash: string;
 }
 
-export const NAVIGATION_SUB_SECTION_STYLE = 'p-2 pl-3 text-white cursor-pointer text-xs border-t border-gray-700 hover:bg-gray-900';
+export const NAVIGATION_SUB_SECTION_STYLE = 'p-2 pl-6 text-white cursor-pointer text-xs border-t border-gray-700 hover:bg-gray-900';
 export const NAVIGATION_SECTION_STYLE = 'p-2 pl-3 text-white cursor-pointer hover:bg-gray-900'
 
 const ServersNavigation: React.FunctionComponent<NavigationSectionProps> = ({