Decompile ABI using a heimdall-rs backend

packages/nextjs/components/MiniFooter.tsx

@@ -3,7 +3,7 @@ import { BuidlGuidlLogo } from "~~/components/assets/BuidlGuidlLogo";
 
 export const MiniFooter = () => {
   return (
-    <div className="flex justify-center items-center gap-1 text-xs w-full mt-10">
+    <div className="flex justify-center items-center gap-1 text-xs w-full mt-10 z-10">
       <div className="mb-1">
         <a href="https://github.com/BuidlGuidl/abi.ninja" target="_blank" rel="noreferrer" className="link">
           Fork me

packages/nextjs/components/NetworksDropdown.tsx

@@ -56,7 +56,13 @@ const IconOption = (props: OptionProps<Options>) => (
   </Option>
 );
 
-export const NetworksDropdown = ({ onChange }: { onChange: (options: any) => any }) => {
+export const NetworksDropdown = ({
+  onChange,
+  additionalClasses,
+}: {
+  onChange: (options: any) => any;
+  additionalClasses?: string;
+}) => {
   const [isMobile, setIsMobile] = useState(false);
 
   useEffect(() => {
@@ -78,7 +84,7 @@ export const NetworksDropdown = ({ onChange }: { onChange: (options: any) => any
       onChange={onChange}
       components={{ Option: IconOption }}
       isSearchable={!isMobile}
-      className="text-sm w-44 max-w-xs bg-white relative"
+      className={`max-w-xs bg-white relative ${additionalClasses ? additionalClasses : "text-sm w-44"}`}
       theme={theme => ({
         ...theme,
         colors: {
@@ -88,6 +94,9 @@ export const NetworksDropdown = ({ onChange }: { onChange: (options: any) => any
           primary: "#551d98",
         },
       })}
+      styles={{
+        menuList: provided => ({ ...provided, maxHeight: 280, overflow: "auto" }),
+      }}
     />
   );
 };