chore: improve copy a bit

This commit is contained in:
Juan Di Toro 2023-10-30 18:37:06 +01:00
parent db521c6753
commit c8b599e65b
2 changed files with 7 additions and 4 deletions

View File

@ -387,8 +387,8 @@ function App() {
} }
return ( return (
<div className="container mx-auto px-4 sm:px-6 lg:px-8 py-8 h-screen w-full bg-zinc-900 flex flex-col p-8 space-y-3"> <div className="mx-auto px-4 sm:px-6 lg:px-8 py-8 h-screen w-screen bg-zinc-900 flex items-center flex-col p-8 space-y-3">
<Card className="w-full bg-zinc-950 border-zinc-800 shadow-xl"> <Card className="w-full bg-zinc-950 border-zinc-800 shadow-xl max-w-4xl">
<CardHeader className="flex flex-row justify-between"> <CardHeader className="flex flex-row justify-between">
<div className="flex gap-x-2 items-center justify-center text-zinc-500"> <div className="flex gap-x-2 items-center justify-center text-zinc-500">
<img src={LogoImg.src} className="w-20 h-7" /> <img src={LogoImg.src} className="w-20 h-7" />
@ -431,7 +431,7 @@ function App() {
</CardContent> </CardContent>
</Card> </Card>
{auth.isLoggedIn && !ethStatus?.ready ? ( {auth.isLoggedIn && !ethStatus?.ready ? (
<span className="w-full block my-1 p-4 rounded-lg opacity-80 bg-yellow-900/70 border border-yellow-500 text-yellow-500"> <span className="max-w-4xl w-full block my-1 p-4 rounded-lg opacity-80 bg-yellow-900/70 border border-yellow-500 text-yellow-500">
You'll need to wait for a couple minutes before we can start You'll need to wait for a couple minutes before we can start
searching. You are currently locally syncing to the ETH network. <b className="font-bold">Current Progress: {ethStatus?.sync ? `${ethStatus?.sync.toLocaleString()}%` : 'Initializing...'}</b> searching. You are currently locally syncing to the ETH network. <b className="font-bold">Current Progress: {ethStatus?.sync ? `${ethStatus?.sync.toLocaleString()}%` : 'Initializing...'}</b>
</span> </span>

View File

@ -58,7 +58,10 @@ import '@/styles/global.css'
</CardHeader> </CardHeader>
</Card> </Card>
</CardContent> </CardContent>
<CardFooter> <CardFooter className='flex flex-col space-y-3'>
<span class="max-w-4xl w-full block my-2 p-4 rounded-lg opacity-80 bg-gray-900/70 border border-gray-600 text-gray-400">
For an enhanced experience, we recommend opening the developer console while interacting with these demos. If you're unsure how to do this, you can find instructions <Button variant="link" className="inline p-0 h-auto w-auto text-md"><a href="https://support.google.com/campaignmanager/answer/2828688">here</a></Button>.
</span>
<p class="text-zinc-700 text-sm">Brought to you with 💚 by the <a href="https://lumeweb.com" class="text-zinc-500 underline">lumeweb.com</a> team alongside the <a href="https://sia.tech/about-sia-foundation" class="text-zinc-500 underline">Sia Foundation</a></p> <p class="text-zinc-700 text-sm">Brought to you with 💚 by the <a href="https://lumeweb.com" class="text-zinc-500 underline">lumeweb.com</a> team alongside the <a href="https://sia.tech/about-sia-foundation" class="text-zinc-500 underline">Sia Foundation</a></p>
</CardFooter> </CardFooter>
</Card> </Card>