z-index trickery

jgoux · jgoux · commit dfd9bd59f53e · 2024-09-11T18:35:51.000+02:00
diff --git a/apps/postgres-new/components/chat.tsx b/apps/postgres-new/components/chat.tsx
@@ -245,7 +245,7 @@ export default function Chat() {
             ref={scrollRef}
           >
             {liveShare.isLiveSharing && (
-              <div className="h-full w-full max-w-4xl flex flex-col gap-10 p-10 absolute backdrop-blur-sm bg-card/90">
+              <div className="h-full w-full max-w-4xl flex flex-col gap-10 p-10 absolute backdrop-blur-sm bg-card/90 z-10">
                 <div className="flex items-center justify-center h-full flex-col gap-y-5">
                   <div className="w-full text-left">
                     <p className="text-lg">Access your in-browser database</p>

Original file line number	Diff line number	Diff line change
`@@ -245,7 +245,7 @@ export default function Chat() {`
`245`	`245`	`ref={scrollRef}`
`246`	`246`	`>`
`247`	`247`	`{liveShare.isLiveSharing && (`
`248`		`- <div className="h-full w-full max-w-4xl flex flex-col gap-10 p-10 absolute backdrop-blur-sm bg-card/90">`
	`248`	`+ <div className="h-full w-full max-w-4xl flex flex-col gap-10 p-10 absolute backdrop-blur-sm bg-card/90 z-10">`
`249`	`249`	`<div className="flex items-center justify-center h-full flex-col gap-y-5">`
`250`	`250`	`<div className="w-full text-left">`
`251`	`251`	`<p className="text-lg">Access your in-browser database</p>`