Update page.tsx

This commit is contained in:
Damien Ostler 2024-06-02 03:52:45 -04:00
parent 894fb58c29
commit 46a20bbd7e

View File

@ -45,45 +45,7 @@ function PageComponent() {
return ( return (
<div className="w-full text-white flex justify-center items-center animate-in"> <div className="w-full text-white flex justify-center items-center animate-in">
<div className="w-1/2 rounded-md bg-primary p-12 mt-32"> <div className="w-1/2 rounded-md bg-primary p-12 mt-32">
<div className="w-full flex"> <h1>Test</h1>
<input
type="text"
className="mb-8 mr-2 rounded-md bg-secondary p-2 w-1/2 text-white"
placeholder="Gallery Name"
/>
<div className="w-1/2">
<button className="w-full bg-success hover:bg-success-light text-white rounded-md p-2">
Create Gallery
</button>
</div>
</div>
<div className="w-full flex">
<div className="w-1/2">
<SearchInput
placeholderTags={[
{ value: "tags", label: "❗️ click here to add tags" },
]}
nsfwButtonEnabled={false}
searchChanged={(search) => {}}
nsfwChanged={(nsfw) => {}}
tagsChanged={(tags) => {}}
/>
</div>
<div className="w-1/2">
<input
className="relative m-0 block w-full min-w-0 flex-auto cursor-pointer rounded border border-solid border-secondary-lighter bg-transparent bg-clip-padding px-3 py-[0.32rem] text-base font-normal text-surface transition duration-300 ease-in-out file:-mx-3 file:-my-[0.32rem] file:me-3 file:cursor-pointer file:overflow-hidden file:rounded-none file:border-0 file:border-e file:border-solid file:border-inherit file:bg-transparent file:px-3 file:py-[0.32rem] file:text-surface focus:border-primary focus:text-gray-700 focus:shadow-inset focus:outline-none dark:border-white/70 dark:text-white file:dark:text-white"
type="file"
id="formFileMultiple"
multiple
onChange={handleFileChange}
/>
<Masonry breakpointCols={3} className="my-masonry-grid pl-6 col-span-2">
{filePreviews.map((preview, index) => (
<img key={index} src={preview} alt={`Preview ${index}`} />
))}
</Masonry>
</div>
</div>
</div> </div>
</div> </div>
); );