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> ></GalleryThumbnail>
)} )}
</div> </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 <input
type="text" 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" placeholder="Gallery Name"
value={galleryName} value={galleryName}
onChange={(e) => setGalleryName(e.target.value)} onChange={(e) => setGalleryName(e.target.value)}
/><div className="w-1/6"> />
</div>
<div className="w-1/2 flex">
<button <button
onClick={() => deleteGallery()} 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} <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"> stroke="currentColor" className="md:hidden size-6">
@ -158,11 +163,9 @@ function PageComponent() {
<span className="md:block hidden">Delete</span> <span className="md:block hidden">Delete</span>
</button> </button>
</div>
<div className="w-1/6">
<button <button
onClick={() => (router.push("/gallery/admin"))} 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} <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"> stroke="currentColor" className="md:hidden size-6">
@ -171,13 +174,12 @@ function PageComponent() {
<span className="md:block hidden">Back</span> <span className="md:block hidden">Back</span>
</button> </button>
</div> <button onClick={()=>{updateGallery()}} className="h-10 w-full bg-warning hover:bg-warning-light text-white rounded-md p-2 ml-2">
<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">
<span>Update</span> <span>Update</span>
</button> </button>
</div> </div>
</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: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-full lg:w-1/2 mr-44">
<div className="w-1/2 fixed mr-8"> <div className="w-1/2 fixed mr-8">