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

Conv

Browse Source
This commit is contained in:
Manav Rathi 2025-01-15 17:12:46 +05:30
parent d3b1f0f5ab
commit d34cb01a07
No known key found for this signature in database
5 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -989,7 +989,7 @@ const CaptionContainer = styled("div")(({ theme }) => ({
maxWidth: "375px",
fontSize: "14px",
lineHeight: "17px",
backgroundColor: theme.palette.backdrop.faint,
backgroundColor: theme.vars.palette.backdrop.faint,
backdropFilter: "blur(96px)",
}));

8
web/apps/photos/src/components/Upload/UploadProgress.tsx
View File

@ -428,9 +428,9 @@ const InProgressItemContainer = styled("div")`
const SectionAccordion = styled((props: AccordionProps) => (
<Accordion disableGutters elevation={0} square {...props} />
))(({ theme }) => ({
borderTop: `1px solid ${theme.palette.divider}`,
borderTop: `1px solid ${theme.vars.palette.divider}`,
"&:before": { display: "none" },
"&:last-child": { borderBottom: `1px solid ${theme.palette.divider}` },
"&:last-child": { borderBottom: `1px solid ${theme.vars.palette.divider}` },
}));
const SectionAccordionSummary = styled(AccordionSummary)(() => ({
@ -456,8 +456,8 @@ const SectionInfo: React.FC<React.PropsWithChildren> = ({ children }) => (
const NotUploadSectionHeader = styled("div")(
({ theme }) => `
text-align: center;
color: ${theme.palette.critical.main};
border-bottom: 1px solid ${theme.palette.critical.main};
color: ${theme.vars.palette.critical.main};
border-bottom: 1px solid ${theme.vars.palette.critical.main};
margin:${theme.spacing(3, 2, 1)}
`,
);

2
web/apps/photos/src/pages/gallery.tsx
View File

@ -1222,7 +1222,7 @@ const HiddenSectionNavbarContents: React.FC<
sx={(theme) => ({
gap: "24px",
width: "100%",
background: theme.palette.background.default,
background: theme.vars.palette.background.default,
})}
>
<IconButton onClick={onBack}>

4
web/packages/accounts/components/two-factor/VerifyTwoFactor.tsx
View File

@ -119,9 +119,9 @@ const IndividualInput = styled("input")(
width: 40px !important;
aspect-ratio: 1;
margin-inline: 6px;
border: 1px solid ${theme.palette.accent.main};
border: 1px solid ${theme.vars.palette.accent.main};
border-radius: 1px;
outline-color: ${theme.palette.accent.light};
outline-color: ${theme.vars.palette.accent.light};
transition: 0.5s;
${theme.breakpoints.down("sm")} {
font-size: 1rem;

15
web/packages/new/photos/components/gallery/BarImpl.tsx
View File

@ -253,9 +253,12 @@ export const GalleryBarImpl: React.FC<GalleryBarImplProps> = ({
);
return (
// Hide the bottom border if we're showing the empty state for people.
<BarWrapper
sx={people.length ? {} : { borderBlockEndColor: "transparent" }}
sx={[
// Hide the bottom border if we're showing the empty state for people.
mode == "people" &&
people.length == 0 && { borderColor: "transparent" },
]}
>
<Row1>
<ModeIndicator {...{ mode, onChangeMode }} />
@ -291,14 +294,16 @@ export const GalleryBarImpl: React.FC<GalleryBarImplProps> = ({
);
};
const BarWrapper = styled("div")`
const BarWrapper = styled("div")(
({ theme }) => `
padding-inline: 24px;
@media (max-width: ${IMAGE_CONTAINER_MAX_WIDTH * MIN_COLUMNS}px) {
padding-inline: 4px;
}
margin-block-end: 16px;
border-block-end: 1px solid ${({ theme }) => theme.palette.divider};
`;
border-block-end: 1px solid ${theme.vars.palette.divider};
`,
);
export const Row1 = styled("div")`
display: flex;