diff --git a/src/components/Container.ts b/src/components/Container.ts index b9d207fcb..9ec7b7faa 100644 --- a/src/components/Container.ts +++ b/src/components/Container.ts @@ -50,7 +50,7 @@ export const Value = styled.div<{ width?: string }>` justify-content: flex-start; align-items: center; width: ${(props) => props.width ?? '30%'}; - text-align: center; + color: #ddd; `; diff --git a/src/components/PhotoFrame.tsx b/src/components/PhotoFrame.tsx index 0f416abd5..b5ab73aa3 100644 --- a/src/components/PhotoFrame.tsx +++ b/src/components/PhotoFrame.tsx @@ -50,7 +50,7 @@ const EmptyScreen = styled.div` } `; -const PHOTOSWIPE_HASH_SUFFIX = '&photoswipe-opened'; +const PHOTOSWIPE_HASH_SUFFIX = '&opened'; interface Props { files: EnteFile[]; diff --git a/src/components/PhotoList.tsx b/src/components/PhotoList.tsx index e1d62b8da..598edb891 100644 --- a/src/components/PhotoList.tsx +++ b/src/components/PhotoList.tsx @@ -12,7 +12,7 @@ import { } from 'constants/gallery'; import constants from 'utils/strings/constants'; import { PublicCollectionGalleryContext } from 'utils/publicCollectionGallery'; -import { ENTE_WEBSITE_LINK } from 'constants/publicCollection'; +import { ENTE_WEBSITE_LINK } from 'constants/urls'; import { getVariantColor, ButtonVariant } from './pages/gallery/LinkButton'; const A_DAY = 24 * 60 * 60 * 1000; diff --git a/src/components/PhotoSwipe/PhotoSwipe.tsx b/src/components/PhotoSwipe/PhotoSwipe.tsx index 9b3ca6281..327644956 100644 --- a/src/components/PhotoSwipe/PhotoSwipe.tsx +++ b/src/components/PhotoSwipe/PhotoSwipe.tsx @@ -148,7 +148,14 @@ function RenderCreationTime({ <> - + {isInEditMode ? ( - - {!shouldDisableEdits && - (!isInEditMode ? ( + {!shouldDisableEdits && ( + + {!isInEditMode ? ( @@ -181,8 +188,9 @@ function RenderCreationTime({ - ))} - + )} + + )} ); @@ -323,7 +331,7 @@ function RenderFileName({ {!isInEditMode ? ( <> - + {getFileTitle(filename, extension)} @@ -735,11 +743,13 @@ function PhotoSwipe(props: Iprops) { }} /> )} -