CodeSource
/
Readur
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #70 from readur/feat/click-to-expand 

feat(frontend): click to expand preview in document details
This commit is contained in:
aaldebs99 2025-06-27 21:49:26 -07:00 committed by GitHub
parent ade6422e95 e949d60eb0
commit 07f62fb2e0
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/pages/DocumentDetailsPage.tsx
View File

@ -345,15 +345,37 @@ const DocumentDetailsPage: React.FC = () => {
<img
src={thumbnailUrl}
alt={document.original_filename}
onClick={handleViewDocument}
style={{
maxWidth: '100%',
maxHeight: '200px',
borderRadius: '8px',
objectFit: 'contain',
cursor: 'pointer',
transition: 'transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out',
}}
onMouseEnter={(e) => {
e.currentTarget.style.transform = 'scale(1.02)';
e.currentTarget.style.boxShadow = '0 4px 12px rgba(0,0,0,0.15)';
}}
onMouseLeave={(e) => {
e.currentTarget.style.transform = 'scale(1)';
e.currentTarget.style.boxShadow = 'none';
}}
/>
) : (
getFileIcon(document.mime_type)
<Box
onClick={handleViewDocument}
sx={{
cursor: 'pointer',
transition: 'transform 0.2s ease-in-out',
'&:hover': {
transform: 'scale(1.02)',
}
}}
>
{getFileIcon(document.mime_type)}
</Box>
)}
</Box>