Grow/shrink new class names
This commit is contained in:
parent
5d3bf127f4
commit
8db54c6871
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -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 ">
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue