TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stylistic tweaks

Browse Source
This commit is contained in:
Manav Rathi
2024-07-13 09:24:35 +05:30
parent 6e9dd8d4c8
commit d72813dd07
3 changed files with 29 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
web/packages/new/photos/components/WhatsNew.tsx
View File

@@ -2,6 +2,7 @@ import { ensureElectron } from "@/next/electron";
import { ut } from "@/next/i18n";
import ArrowForward from "@mui/icons-material/ArrowForward";
import {
Box,
Dialog,
DialogActions,
DialogContent,
@@ -40,23 +41,29 @@ export const WhatsNew: React.FC<WhatsNewProps> = ({ open, onClose }) => {
TransitionComponent={SlideTransition}
maxWidth="xs"
>
<DialogTitle>{ut("What's new")}</DialogTitle>
<DialogContent>
<DialogContentText>
<ChangelogContent />
</DialogContentText>
</DialogContent>
<DialogActions>
<FocusVisibleButton
onClick={onClose}
color="accent"
fullWidth
disableRipple
endIcon={<ArrowForward />}
>
<ButtonContents>{ut("Continue")}</ButtonContents>
</FocusVisibleButton>
</DialogActions>
<Box m={1}>
<DialogTitle mt={2}>
<Typography variant="h4" color="text.muted">
{ut("What's new")}
</Typography>
</DialogTitle>
<DialogContent>
<DialogContentText>
<ChangelogContent />
</DialogContentText>
</DialogContent>
<DialogActions>
<FocusVisibleButton
onClick={onClose}
color="accent"
fullWidth
disableRipple
endIcon={<ArrowForward />}
>
<ButtonContents>{ut("Continue")}</ButtonContents>
</FocusVisibleButton>
</DialogActions>
</Box>
</Dialog>
);
};

2
web/packages/shared/themes/mui-theme.d.ts vendored
View File

@@ -49,7 +49,7 @@ declare module "@mui/material/Typography" {
small: true;
mini: true;
tiny: true;
h4: false;
h4: true;
h5: false;
h6: false;
subtitle1: false;

4
web/packages/shared/themes/typography.ts
View File

@@ -13,6 +13,10 @@ export const typography: TypographyOptions = {
fontSize: "24px",
lineHeight: "29px",
},
h4: {
fontSize: "22px",
lineHeight: "27px",
},
large: {
fontSize: "18px",
lineHeight: "22px",