wisplite/raster
1
0
Fork 0
mirror of https://github.com/wisplite/raster.git synced 2026-05-01 06:32:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

small fixes

Browse Source
This commit is contained in:
wisplite
2025-11-24 02:33:20 -06:00
parent 02369d7107
commit 204a7e6213
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/gallery/components/MediaList.jsx
+13 -1
View File
@@ -1,4 +1,4 @@
import { Upload } from 'lucide-react' import { EllipsisVertical, Upload } from 'lucide-react'
import MediaUploadModal from './MediaUploadModal' import MediaUploadModal from './MediaUploadModal'
import AuthImage from '../../components/AuthImage' import AuthImage from '../../components/AuthImage'
import { useState, useEffect } from 'react' import { useState, useEffect } from 'react'
@@ -50,6 +50,12 @@ export default function MediaList({ albumId, albumName }) {
<h1 className="text-xl font-bold text-white red-hat-mono">Media</h1> <h1 className="text-xl font-bold text-white red-hat-mono">Media</h1>
<Upload className="w-6 h-6 cursor-pointer" color="white" onClick={() => setOpen(true)} /> <Upload className="w-6 h-6 cursor-pointer" color="white" onClick={() => setOpen(true)} />
</div> </div>
<MediaUploadModal
open={open}
onOpenChange={setOpen}
albumId={albumId}
albumName={albumName}
/>
{/* Media Grid */} {/* Media Grid */}
<div className="flex flex-wrap justify-start gap-2 w-full px-6"> <div className="flex flex-wrap justify-start gap-2 w-full px-6">
@@ -80,6 +86,12 @@ export default function MediaList({ albumId, albumName }) {
> >
<div className="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-[#1A1A1A] via-transparent to-transparent flex items-start justify-start opacity-0 hover:opacity-100 transition-all duration-300"> <div className="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-[#1A1A1A] via-transparent to-transparent flex items-start justify-start opacity-0 hover:opacity-100 transition-all duration-300">
<p className="text-white text-sm truncate max-w-[100%] p-2 red-hat-mono">{item.Title}</p> <p className="text-white text-sm truncate max-w-[100%] p-2 red-hat-mono">{item.Title}</p>
<button className="text-white px-1 py-1 rounded-md absolute top-2 right-2 cursor-pointer z-50" onClick={(e) => {
e.stopPropagation()
setOpen(true)
}}>
<EllipsisVertical className="w-4 h-4" />
</button>
</div> </div>
<AuthImage <AuthImage
src={`${getServerUrl()}/api/media/thumb/${albumId ? albumId : 'root'}/${item.ID}`} src={`${getServerUrl()}/api/media/thumb/${albumId ? albumId : 'root'}/${item.ID}`}
frontend/src/gallery/components/MediaUploadModal.jsx
+1 -1
View File
@@ -103,7 +103,7 @@ export default function MediaUploadModal({ open, onOpenChange, trigger, albumNam
} }
return ( return (
<Modal open={open} onOpenChange={onOpenChange} trigger={trigger} title={`Upload to ${albumName || 'Album'}`}> <Modal open={open} onOpenChange={onOpenChange} trigger={trigger} isProtected={true} title={`Upload to ${albumName || 'Album'}`}>
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
{/* File Selection Area */} {/* File Selection Area */}
<div <div