fix: chart tooltip width

rango-exchange · Feb 14, 2024 · c8a0249 · c8a0249
1 parent 63273a5
commit c8a0249
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/components/common/Layout/index.tsx b/components/common/Layout/index.tsx
@@ -6,16 +6,12 @@ import Footer from '../Footer';
 
 function Layout(props: PropsWithChildren<LayoutProps>) {
   return (
-    <div className="max-h-full">
+    <div className="max-h-full w-full">
       <Head>
         <title>{props.title}</title>
       </Head>
       <Navbar theme={'light'} />
-      <main
-        className="w-full min-h-600 md:min-h-[800px] pb-30 md:pb-50 bg-neutral-300  bg-body-mask bg-cover"
-        style={{
-          width: '-webkit-fill-available',
-        }}>
+      <main className="w-full min-h-600 md:min-h-[800px] pb-30 md:pb-50 bg-neutral-300  bg-body-mask bg-cover">
         {props.children}
       </main>
 

diff --git a/styles/globals.css b/styles/globals.css
@@ -222,6 +222,12 @@ span.ripple {
   -webkit-background-size: 100% 100%;
 }
 
+.visx-tooltip-glyph svg{
+  width: 40px;
+  height: 40px;
+}
+
+
 @-moz-document url-prefix() {
   .mask-2 {
     background-size: 100% 100%;