kenmirrors/ente
1
0
Fork 0
mirror of https://github.com/ente-io/ente.git synced 2025-08-07 23:18:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

Visual fixes

Browse Source
This commit is contained in:
Manav Rathi 2025-04-23 13:33:23 +05:30
parent fe5feb0394
commit 141d761ecb
No known key found for this signature in database
2 changed files with 18 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/apps/photos/src/components/UploadProgress.tsx
View File

@ -150,11 +150,7 @@ const UploadProgressContext = createContext<UploadProgressContextT>({
});
const MinimizedUploadProgress: React.FC = () => (
<Snackbar
open
anchorOrigin={{ horizontal: "right", vertical: "bottom" }}
sx={(theme) => ({ boxShadow: theme.vars.palette.boxShadow.menu })}
>
<Snackbar open anchorOrigin={{ horizontal: "right", vertical: "bottom" }}>
<Paper sx={{ width: "min(360px, 100svw)" }}>
<UploadProgressHeader />
</Paper>
@ -178,9 +174,7 @@ const UploadProgressTitle: React.FC = () => {
<DialogTitle>
<SpaceBetweenFlex>
<Box>
<Typography variant={expanded ? "h2" : "h3"}>
{t("file_upload")}
</Typography>
<Typography variant="h3">{t("file_upload")}</Typography>
<UploadProgressSubtitleText />
</Box>
<Box>

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

@ -245,21 +245,22 @@ interface EntryHeadingProps {
watch: FolderWatch;
}
const EntryHeading: React.FC<EntryHeadingProps> = ({ watch }) => {
const folderPath = watch.folderPath;
return (
<Stack
direction="row"
sx={{ gap: 1, alignItems: "center", justifyContent: "flex-start" }}
>
<Typography sx={{ flex: 1 }}>{basename(folderPath)}</Typography>
{watcher.isSyncingFolder(folderPath) && (
<CircularProgress size={15} sx={{ color: "stroke.muted" }} />
)}
</Stack>
);
};
const EntryHeading: React.FC<EntryHeadingProps> = ({
watch: { folderPath },
}) => (
<Stack
direction="row"
sx={{ gap: 1.5, alignItems: "center", justifyContent: "flex-start" }}
>
<Typography>{basename(folderPath)}</Typography>
{watcher.isSyncingFolder(folderPath) && (
<CircularProgress
size={15}
sx={{ flexShrink: 0, color: "stroke.muted" }}
/>
)}
</Stack>
);
const FolderPath: React.FC<React.PropsWithChildren> = ({ children }) => (
<EllipsizedTypography variant="small" color="text.muted">