First steps

This commit is contained in:
Seth Forsgren 2022-12-06 17:33:07 -08:00
parent 2834e3d76b
commit 6e041a0c21
2 changed files with 5 additions and 4 deletions

View File

@ -129,9 +129,10 @@ export default function PromptPanel({
return (
<>
<main className="w-2/3 min-h-screen">
<div className="pl-20">
<main className="sm:w-2/3 min-h-screen">
<div className="pl-10 pr-10 sm:pl-20">
<div className="h-[80vh] flex flex-col justify-around pt-[10vh] pr-5">
{/* <div className="h-[80vh] sm:h-[80vh] flex flex-col justify-around pt-[10vh] pr-5"> */}
{getDisplayPrompts().map((prompt, index) => (
<PromptEntry
prompt={prompt.prompt + " "}
@ -152,7 +153,7 @@ export default function PromptPanel({
}}
>
<input
className="fixed w-1/2 h-12 pl-3 text-xl text-sky-900 rounded-lg border-sky-700 border-4 hover:border-sky-600 focus:outline-none focus:border-sky-400"
className="fixed w-full sm:w-10/12 h-12 pl-3 pr-3 text-xl text-sky-900 rounded-lg border-sky-700 border-4 hover:border-sky-600 focus:outline-none focus:border-sky-400"
ref={inputPrompt}
type="text"
id="prompt"

View File

@ -195,7 +195,7 @@ export default function Home() {
<PageHead />
<div className="bg-[#0A2342] flex flex-row min-h-screen text-white">
<div className="w-1/3 min-h-screen">
<div className="w-0 sm:w-1/3 min-h-screen">
<ThreeCanvas
paused={paused}
getTime={() => Tone.Transport.seconds}