fix: gallery admin page

This commit is contained in:
Damien Ostler 2024-06-08 18:53:10 -04:00
parent 7635178e3c
commit d94f3b825b

View File

@ -139,17 +139,22 @@ function PageComponent() {
></GalleryThumbnail>
)}
</div>
<div className="w-full flex opacity-90 backdrop-blur-lg bg-primary shadow-lg p-8 pb-0 rounded">
<div className="w-full opacity-90 backdrop-blur-lg bg-primary shadow-lg p-8 pb-0 rounded">
<span className="text-2xl">Editing Gallery</span>
<div className="w-full flex justify-end">
<div className="w-1/2 flex">
<input
type="text"
className="mb-8 mr-2 rounded-md bg-secondary p-2 w-1/2 text-white"
className="mb-8 mr-2 rounded-md bg-secondary p-2 w-full text-white"
placeholder="Gallery Name"
value={galleryName}
onChange={(e) => setGalleryName(e.target.value)}
/><div className="w-1/6">
/>
</div>
<div className="w-1/2 flex">
<button
onClick={() => deleteGallery()}
className="text-center w-full bg-error hover:bg-error-light text-white rounded-md p-2 flex items-center justify-center"
className="h-10 text-center w-full bg-error hover:bg-error-light text-white rounded-md p-2 flex items-center justify-center"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5}
stroke="currentColor" className="md:hidden size-6">
@ -158,11 +163,9 @@ function PageComponent() {
<span className="md:block hidden">Delete</span>
</button>
</div>
<div className="w-1/6">
<button
onClick={() => (router.push("/gallery/admin"))}
className="w-full bg-error-dark hover:bg-error text-white rounded-md p-2 ml-2 flex items-center justify-center"
className="h-10 w-full bg-error-dark hover:bg-error text-white rounded-md p-2 ml-2 flex items-center justify-center"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5}
stroke="currentColor" className="md:hidden size-6">
@ -171,13 +174,12 @@ function PageComponent() {
<span className="md:block hidden">Back</span>
</button>
</div>
<div className="w-1/4">
<button onClick={()=>{updateGallery()}} className="w-full bg-warning hover:bg-warning-light text-white rounded-md p-2 ml-4">
<button onClick={()=>{updateGallery()}} className="h-10 w-full bg-warning hover:bg-warning-light text-white rounded-md p-2 ml-2">
<span>Update</span>
</button>
</div>
</div>
</div>
<div className="w-full lg:flex opacity-90 backdrop-blur-lg bg-primary shadow-lg p-8 pt-0 rounded">
<div className="w-full lg:w-1/2 mr-44">
<div className="w-1/2 fixed mr-8">