From 8db54c68710995d751e508eaac13a6ee5cf96353 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 8 Aug 2022 02:02:30 -0300
Subject: [PATCH] Grow/shrink new class names

---
 src/Home.tsx                            | 4 ++--
 src/StandardFrame.tsx                   | 2 +-
 src/address/DecodedFragment.tsx         | 2 +-
 src/components/DecoratedAddressLink.tsx | 2 +-
 src/special/london/Blocks.tsx           | 2 +-
 src/special/london/London.tsx           | 2 +-
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/Home.tsx b/src/Home.tsx
index 2bcb23d..0509330 100644
--- a/src/Home.tsx
+++ b/src/Home.tsx
@@ -23,9 +23,9 @@ const Home: React.FC = () => {
   document.title = "Home | Otterscan";
 
   return (
-    <div className="mx-auto flex flex-col flex-grow pb-5">
+    <div className="mx-auto flex flex-col grow pb-5">
       {isScanning && <CameraScanner turnOffScan={() => setScanning(false)} />}
-      <div className="m-5 mb-10 flex items-end flex-grow max-h-64">
+      <div className="m-5 mb-10 flex items-end grow max-h-64">
         <Logo />
       </div>
       <form
diff --git a/src/StandardFrame.tsx b/src/StandardFrame.tsx
index 4370cbc..777cf0d 100644
--- a/src/StandardFrame.tsx
+++ b/src/StandardFrame.tsx
@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from "react";
 
 const StandardFrame: React.FC<PropsWithChildren> = ({ children }) => (
-  <div className="flex-grow bg-gray-100 px-9 pt-3 pb-12">{children}</div>
+  <div className="grow bg-gray-100 px-9 pt-3 pb-12">{children}</div>
 );
 
 export default StandardFrame;
diff --git a/src/address/DecodedFragment.tsx b/src/address/DecodedFragment.tsx
index 3a6c75a..d063eba 100644
--- a/src/address/DecodedFragment.tsx
+++ b/src/address/DecodedFragment.tsx
@@ -49,7 +49,7 @@ const DecodedFragment: React.FC<DecodedFragmentProps> = ({
       </span>
       {letter && (
         <span
-          className={`flex-shrink-0 text-xs font-code border border-gray-300 rounded-full w-5 h-5 self-center flex items-center justify-center text-white font-bold ${letterBg}`}
+          className={`shrink-0 text-xs font-code border border-gray-300 rounded-full w-5 h-5 self-center flex items-center justify-center text-white font-bold ${letterBg}`}
         >
           {letter}
         </span>
diff --git a/src/components/DecoratedAddressLink.tsx b/src/components/DecoratedAddressLink.tsx
index 856b502..e85753e 100644
--- a/src/components/DecoratedAddressLink.tsx
+++ b/src/components/DecoratedAddressLink.tsx
@@ -79,7 +79,7 @@ const DecoratedAddressLink: React.FC<DecoratedAddressLinkProps> = ({
       )}
       {metadata && (
         <NavLink
-          className="self-center flex-shrink-0 flex items-center"
+          className="self-center shrink-0 flex items-center"
           to={`/address/${address}/contract`}
         >
           <SourcifyLogo />
diff --git a/src/special/london/Blocks.tsx b/src/special/london/Blocks.tsx
index f85ed53..e953682 100644
--- a/src/special/london/Blocks.tsx
+++ b/src/special/london/Blocks.tsx
@@ -124,7 +124,7 @@ const Blocks: React.FC<BlocksProps> = ({ latestBlock, targetBlockNumber }) => {
   );
 
   return (
-    <div className="w-full flex-grow">
+    <div className="w-full grow">
       <div className="px-9 pt-3 pb-12 divide-y-2">
         <div className="relative">
           <div className="flex justify-center items-baseline space-x-2 px-3 pb-2 text-lg text-orange-500 ">
diff --git a/src/special/london/London.tsx b/src/special/london/London.tsx
index aba0684..60e22f2 100644
--- a/src/special/london/London.tsx
+++ b/src/special/london/London.tsx
@@ -9,7 +9,7 @@ const London: React.FC = () => {
   const { provider } = useContext(RuntimeContext);
   const block = useLatestBlock(provider);
   if (!provider || !block) {
-    return <div className="flex-grow"></div>;
+    return <div className="grow"></div>;
   }
 
   // Display countdown