Simplify layout code
This commit is contained in:
parent
8a5fca753e
commit
94146d9004
|
@ -26,13 +26,13 @@ const Home: React.FC = () => {
|
|||
document.title = "Home | Otterscan";
|
||||
|
||||
return (
|
||||
<div className="mx-auto flex flex-col grow pb-5">
|
||||
<div className="flex flex-col items-center grow pb-5">
|
||||
{isScanning && <CameraScanner turnOffScan={() => setScanning(false)} />}
|
||||
<div className="m-5 mb-10 flex items-end grow max-h-64">
|
||||
<div className="grow mt-5 mb-10 max-h-64 flex items-end">
|
||||
<Logo />
|
||||
</div>
|
||||
<form
|
||||
className="flex flex-col"
|
||||
className="flex flex-col w-1/3"
|
||||
onSubmit={handleSubmit}
|
||||
autoComplete="off"
|
||||
spellCheck={false}
|
||||
|
@ -65,7 +65,6 @@ const Home: React.FC = () => {
|
|||
Search
|
||||
</button>
|
||||
</form>
|
||||
<div className="mx-auto h-32">
|
||||
<div className="text-lg text-link-blue hover:text-link-blue-hover font-bold">
|
||||
{provider?.network.chainId !== 11155111 && (
|
||||
<NavLink to="/special/london">
|
||||
|
@ -105,7 +104,6 @@ const Home: React.FC = () => {
|
|||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@ import React from "react";
|
|||
import Otter from "./otter.jpg";
|
||||
|
||||
const Logo: React.FC = () => (
|
||||
<div className="mx-auto text-6xl text-link-blue font-title font-bold cursor-default flex items-center space-x-4">
|
||||
<div className="text-6xl text-link-blue font-title font-bold cursor-default flex items-center justify-center space-x-4">
|
||||
<img
|
||||
className="rounded-full"
|
||||
src={Otter}
|
||||
|
|
Loading…
Reference in New Issue