feat(builder): Fix message covering navbar on < lg screen size (#7474)

* Remove excess styling from message box
* Replace "node" with "block" in message (-> "Get started by adding a block")
This commit is contained in:
Bently
2024-07-18 15:46:28 +01:00
committed by GitHub
parent 4c003d6e20
commit aaf650ee23

View File

@@ -7,17 +7,15 @@ export default function Home() {
const query = useSearchParams();
return (
<div className="flex flex-col items-center px-12">
<div className="z-10 w-full items-center justify-between font-mono text-sm lg:flex">
<p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-600 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-900 dark:bg-zinc-900 dark:from-inherit lg:static lg:w-auto lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
<div className="flex flex-col items-center min-h-screen">
<div className="z-10 w-full flex items-center justify-between font-mono text-sm relative">
<p className="border border-gray-600 rounded-xl pb-4 pt-4 p-4">
Get started by adding a&nbsp;
<code className="font-mono font-bold">node</code>
<code className="font-mono font-bold">block</code>
</p>
<div
className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:size-auto lg:bg-none"
>
<div className="absolute top-0 right-0 p-4">
<a
className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0"
className="pointer-events-auto flex place-items-center gap-2"
href="https://news.agpt.co/"
target="_blank"
rel="noopener noreferrer"