beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

feat: photo editor title

Browse source
This commit is contained in:
httpjamesm 2023-10-19 22:29:15 -04:00
parent d69530b340
commit 265e5f84c2
No known key found for this signature in database
2 changed files with 40 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/photos/public/locales/en/translation.json
View file

@ -614,5 +614,6 @@
"COLORS": "Colors",
"FLIP": "Flip",
"ROTATION": "Rotation",
"RESET": "Reset"
"RESET": "Reset",
"PHOTO_EDITOR": "Photo Editor"
}

70
apps/photos/src/components/PhotoViewer/ImageEditorOverlay/index.tsx
View file

@ -5,6 +5,7 @@ import {
IconButton,
Tab,
Tabs,
Typography,
useTheme,
} from '@mui/material';
import {
@ -217,41 +218,46 @@ const ImageEditorOverlay = (props: IProps) => {
backdropFilter: 'blur(5px)',
}}
open>
<Box
display="inline-block"
width="100%"
height="100%"
overflow="hidden"
padding="3rem"
boxSizing={'border-box'}>
<Box padding="3rem" width="100%" height="100%">
<Typography variant="h2" fontWeight="bold">
{t('PHOTO_EDITOR')}
</Typography>
<Box
height="100%"
display="inline-block"
width="100%"
ref={parentRef}
display="flex"
alignItems="center"
justifyContent="center">
{(fileURL === null || canvasLoading) && (
<CircularProgress />
)}
height="100%"
overflow="hidden"
boxSizing={'border-box'}>
<Box
height="100%"
width="100%"
ref={parentRef}
display="flex"
alignItems="center"
justifyContent="center">
{(fileURL === null || canvasLoading) && (
<CircularProgress />
)}
<canvas
ref={canvasRef}
style={{
objectFit: 'contain',
display:
fileURL === null || canvasLoading
? 'none'
: 'block',
position: 'absolute',
}}
/>
<canvas
ref={originalSizeCanvasRef}
style={{
display: 'none',
}}
/>
<canvas
ref={canvasRef}
style={{
objectFit: 'contain',
display:
fileURL === null ||
canvasLoading
? 'none'
: 'block',
position: 'absolute',
}}
/>
<canvas
ref={originalSizeCanvasRef}
style={{
display: 'none',
}}
/>
</Box>
</Box>
</Box>
<Box