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

Set h3 default to medium

Browse Source 
In couple of places this changes the look, but this was intentional.
This commit is contained in:
Manav Rathi
2025-01-09 12:33:42 +05:30
parent a6e16092f9
commit 940f91e4e1
16 changed files with 28 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/apps/accounts/src/pages/passkeys/verify.tsx
View File

@@ -316,7 +316,7 @@ const Failed: React.FC<FailedProps> = ({ message }) => {
return (
<Content>
<InfoIcon color="secondary" />
<Typography variant="h3">{t("passkey_login_failed")}</Typography>
<Typography variant="h4">{t("passkey_login_failed")}</Typography>
<Typography sx={{ color: "text.muted" }}>{message}</Typography>
</Content>
);
@@ -402,7 +402,7 @@ const RetriableFailed: React.FC<RetriableFailedProps> = ({
return (
<Content>
<InfoIcon color="secondary" fontSize="large" />
<Typography variant="h3">{t("passkey_login_failed")}</Typography>
<Typography variant="h4">{t("passkey_login_failed")}</Typography>
<Typography sx={{ color: "text.muted" }}>
{duringSignChallenge
? t("passkey_login_credential_hint")
@@ -469,7 +469,7 @@ const RedirectingWeb: React.FC = () => {
return (
<Content>
<InfoIcon color="accent" fontSize="large" />
<Typography variant="h3">{t("passkey_verified")}</Typography>
<Typography variant="h5">{t("passkey_verified")}</Typography>
<Typography sx={{ color: "text.muted" }}>
{t("redirecting_back_to_app")}
</Typography>
@@ -486,7 +486,7 @@ const RedirectingApp: React.FC<RedirectingAppProps> = ({ onRetry }) => {
return (
<Content>
<InfoIcon color="accent" fontSize="large" />
<Typography variant="h3">{t("passkey_verified")}</Typography>
<Typography variant="h5">{t("passkey_verified")}</Typography>
<Typography sx={{ color: "text.muted" }}>
{t("redirecting_back_to_app")}
</Typography>

14
web/apps/auth/src/pages/auth.tsx
View File

@@ -255,21 +255,11 @@ const OTPDisplay: React.FC<OTPDisplayProps> = ({ code, otp, nextOTP }) => {
<Typography variant="small">{code.issuer}</Typography>
<Typography
variant="mini"
sx={{
color: "text.faint",
flex: 1,
minHeight: "16px",
}}
sx={{ color: "text.faint", flex: 1, minHeight: "16px" }}
>
{code.account ?? ""}
</Typography>
<Typography
variant="h3"
sx={{
fontWeight: "medium",
mb: "20px",
}}
>
<Typography variant="h3" sx={{ mb: "20px" }}>
{otp}
</Typography>
</Stack>

2
web/apps/photos/src/components/Collections/AllCollections/index.tsx
View File

@@ -108,7 +108,7 @@ const AllCollectionsHeader = ({
<FlexWrapper>
<FluidContainer mr={1.5}>
<Box>
<Typography variant="h3">
<Typography variant="h5">
{isInHiddenSection
? t("all_hidden_albums")
: t("all_albums")}

5
web/apps/photos/src/components/Collections/CollectionShare.tsx
View File

@@ -1891,10 +1891,7 @@ function PublicLinkSetPassword({
fullWidth
>
<Stack sx={{ gap: 3, p: 1.5 }}>
<Typography
variant="h3"
sx={{ fontWeight: "medium", px: 1, py: 0.5 }}
>
<Typography variant="h3" sx={{ px: 1, py: 0.5 }}>
{t("password_lock")}
</Typography>
<SingleInputForm

4
web/apps/photos/src/components/Export.tsx
View File

@@ -178,9 +178,7 @@ export const Export: React.FC<ExportProps> = ({
return (
<Dialog {...{ open, onClose }} maxWidth="xs" fullWidth>
<SpaceBetweenFlex sx={{ p: "12px 4px 0px 0px" }}>
<DialogTitle variant="h3" sx={{ fontWeight: "medium" }}>
{t("export_data")}
</DialogTitle>
<DialogTitle variant="h3">{t("export_data")}</DialogTitle>
<DialogCloseIconButton {...{ onClose }} />
</SpaceBetweenFlex>

1
web/apps/photos/src/components/GalleryEmptyState.tsx
View File

@@ -21,7 +21,6 @@ export default function GalleryEmptyState({ openUploader }) {
color: "text.muted",
userSelect: "none",
marginBlockEnd: 1,
svg: {
color: "text.base",
verticalAlign: "middle",

16
web/apps/photos/src/components/Sidebar/SubscriptionCard.tsx
View File

@@ -149,29 +149,21 @@ const StorageSection: React.FC<StorageSectionProps> = ({ usage, storage }) => {
{t("storage")}
</Typography>
<DefaultBox>
<StorageSectionSpan>
<Typography variant="h3">
{`${formattedStorageByteSize(usage, { round: true })} ${t(
"of",
)} ${formattedStorageByteSize(storage)} ${t("used")}`}
</StorageSectionSpan>
</Typography>
</DefaultBox>
<MobileSmallBox>
<StorageSectionSpan>
<Typography variant="h3">
{`${bytesInGB(usage)} / ${bytesInGB(storage)} ${t("storage_unit.gb")} ${t("used")}`}
</StorageSectionSpan>
</Typography>
</MobileSmallBox>
</Box>
);
};
const StorageSectionSpan: React.FC<React.PropsWithChildren> = ({
children,
}) => (
<Typography variant="h3" component="span" sx={{ fontWeight: "medium" }}>
{children}
</Typography>
);
interface IndividualUsageSectionProps {
usage: number;
fileCount: number;

4
web/apps/photos/src/components/Sidebar/index.tsx
View File

@@ -349,9 +349,7 @@ function MemberSubscriptionManage({ open, userDetails, onClose }) {
<Dialog {...{ open, onClose, fullScreen }} maxWidth="xs" fullWidth>
<SpaceBetweenFlex sx={{ p: "20px 8px 12px 16px" }}>
<Stack>
<Typography variant="h3" sx={{ fontWeight: "medium" }}>
{t("subscription")}
</Typography>
<Typography variant="h3">{t("subscription")}</Typography>
<Typography sx={{ color: "text.muted" }}>
{t("family_plan")}
</Typography>

6
web/apps/photos/src/components/WatchFolder.tsx
View File

@@ -120,7 +120,7 @@ export const WatchFolder: React.FC<ModalVisibilityProps> = ({
PaperProps={{ sx: { height: "448px", maxWidth: "414px" } }}
>
<SpaceBetweenFlex sx={{ p: "16px 8px 8px 8px" }}>
<DialogTitle variant="h3" sx={{ fontWeight: "medium" }}>
<DialogTitle variant="h3">
{t("watched_folders")}
</DialogTitle>
<DialogCloseIconButton {...{ onClose }} />
@@ -183,9 +183,7 @@ const NoWatches: React.FC = () => {
return (
<NoWatchesContainer>
<Stack spacing={1}>
<Typography variant="h6">
{t("no_folders_added")}
</Typography>
<Typography variant="h6">{t("no_folders_added")}</Typography>
<Typography
variant={"small"}
sx={{ py: 0.5, color: "text.muted" }}

4
web/packages/accounts/components/RecoveryKey.tsx
View File

@@ -75,9 +75,7 @@ export const RecoveryKey: React.FC<RecoveryKeyProps> = ({
fullWidth
>
<SpaceBetweenFlex sx={{ p: "8px 4px 8px 0" }}>
<DialogTitle variant="h3" sx={{ fontWeight: "medium" }}>
{t("recovery_key")}
</DialogTitle>
<DialogTitle variant="h3">{t("recovery_key")}</DialogTitle>
<DialogCloseIconButton {...{ onClose }} />
</SpaceBetweenFlex>
<DialogContent>

4
web/packages/base/components/Titlebar.tsx
View File

@@ -46,9 +46,7 @@ export const Titlebar: React.FC<TitlebarProps> = ({
</Stack>
</FlexWrapper>
<Box sx={{ py: 0.5, px: 2 }}>
<Typography variant="h3" sx={{ fontWeight: "medium" }}>
{title}
</Typography>
<Typography variant="h3">{title}</Typography>
<Typography
variant="small"
sx={{

4
web/packages/base/components/mui/SidebarDrawer.tsx
View File

@@ -126,9 +126,7 @@ export const SidebarDrawerTitlebar: React.FC<SidebarDrawerTitlebarProps> = ({
</Stack>
</SpaceBetweenFlex>
<Box sx={{ px: "16px", py: "4px" }}>
<Typography variant="h3" sx={{ fontWeight: "medium" }}>
{title}
</Typography>
<Typography variant="h3">{title}</Typography>
<Typography
variant="small"
sx={{

2
web/packages/base/components/utils/theme.ts
View File

@@ -345,7 +345,7 @@ const typography: TypographyOptions = {
h3: {
fontSize: "24px",
lineHeight: "29px",
fontWeight: 500 /* Reset to regular to override MUI's default theme */,
fontWeight: 600 /* medium */,
},
h4: {
fontSize: "22px",

4
web/packages/new/photos/components/CollectionSelector.tsx
View File

@@ -168,9 +168,7 @@ export const CollectionSelector: React.FC<CollectionSelectorProps> = ({
PaperProps={{ sx: { maxWidth: "490px" } }}
>
<SpaceBetweenFlex sx={{ padding: "10px 8px 6px 0" }}>
<DialogTitle variant="h3" fontWeight={"medium"}>
{titleForAction(action)}
</DialogTitle>
<DialogTitle variant="h3">{titleForAction(action)}</DialogTitle>
<DialogCloseIconButton onClose={handleClose} />
</SpaceBetweenFlex>

11
web/packages/new/photos/components/PlanSelector.tsx
View File

@@ -309,9 +309,7 @@ const FreeSubscriptionPlanSelectorCard: React.FC<
children,
}) => (
<>
<Typography variant="h3" sx={{ fontWeight: "medium" }}>
{t("choose_plan")}
</Typography>
<Typography variant="h3">{t("choose_plan")}</Typography>
<Box>
<Stack spacing={3}>
<Box>
@@ -365,7 +363,7 @@ const PaidSubscriptionPlanSelectorCard: React.FC<
<Box sx={{ pl: 1.5, py: 0.5 }}>
<SpaceBetweenFlex>
<Box>
<Typography variant="h3" sx={{ fontWeight: "medium" }}>
<Typography variant="h5" sx={{ fontWeight: "medium" }}>
{t("subscription")}
</Typography>
<Typography variant="small" sx={{ color: "text.muted" }}>
@@ -538,7 +536,10 @@ const PlanRow: React.FC<PlanRowProps> = ({ plan, onPlanSelect, disabled }) => {
<PlanRowContainer>
<PlanStorage>
<Typography variant="h1">{bytesInGB(plan.storage)}</Typography>
<Typography variant="h3" sx={{ color: "text.muted" }}>
<Typography
variant="h3"
sx={{ fontWeight: "regular", color: "text.muted" }}
>
{t("storage_unit.gb")}
</Typography>
</PlanStorage>

4
web/packages/new/photos/components/gallery/PeopleHeader.tsx
View File

@@ -356,9 +356,7 @@ const AddPersonDialog: React.FC<AddPersonDialogProps> = ({
PaperProps={{ sx: { maxWidth: "490px" } }}
>
<SpaceBetweenFlex sx={{ padding: "10px 8px 6px 0" }}>
<DialogTitle variant="h3" fontWeight={"medium"}>
{t("add_name")}
</DialogTitle>
<DialogTitle variant="h3">{t("add_name")}</DialogTitle>
<DialogCloseIconButton {...{ onClose }} />
</SpaceBetweenFlex>
<DialogContent_>