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", "COLORS": "Colors",
"FLIP": "Flip", "FLIP": "Flip",
"ROTATION": "Rotation", "ROTATION": "Rotation",
"RESET": "Reset" "RESET": "Reset",
"PHOTO_EDITOR": "Photo Editor"
} }

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

@ -5,6 +5,7 @@ import {
IconButton, IconButton,
Tab, Tab,
Tabs, Tabs,
Typography,
useTheme, useTheme,
} from '@mui/material'; } from '@mui/material';
import { import {
@ -217,12 +218,15 @@ const ImageEditorOverlay = (props: IProps) => {
backdropFilter: 'blur(5px)', backdropFilter: 'blur(5px)',
}} }}
open> open>
<Box padding="3rem" width="100%" height="100%">
<Typography variant="h2" fontWeight="bold">
{t('PHOTO_EDITOR')}
</Typography>
<Box <Box
display="inline-block" display="inline-block"
width="100%" width="100%"
height="100%" height="100%"
overflow="hidden" overflow="hidden"
padding="3rem"
boxSizing={'border-box'}> boxSizing={'border-box'}>
<Box <Box
height="100%" height="100%"
@ -240,7 +244,8 @@ const ImageEditorOverlay = (props: IProps) => {
style={{ style={{
objectFit: 'contain', objectFit: 'contain',
display: display:
fileURL === null || canvasLoading fileURL === null ||
canvasLoading
? 'none' ? 'none'
: 'block', : 'block',
position: 'absolute', position: 'absolute',
@ -254,6 +259,7 @@ const ImageEditorOverlay = (props: IProps) => {
/> />
</Box> </Box>
</Box> </Box>
</Box>
<Box <Box
height="100%" height="100%"
width="30rem" width="30rem"