beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

style caption nicely

Browse source
This commit is contained in:
Abhinav 2022-11-02 19:55:22 +05:30
parent daea01a6e9
commit a26f6ec50d
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/PhotoViewer/index.tsx
View file

@ -472,8 +472,8 @@ function PhotoViewer(props: Iprops) {
title={constants.NEXT}> title={constants.NEXT}>
<ChevronRight sx={{ pointerEvents: 'none' }} /> <ChevronRight sx={{ pointerEvents: 'none' }} />
</button> </button>
<div className="pswp__caption"> <div className="pswp__caption pswp-custom-caption-container">
<div className="pswp__caption__center" /> <div className="pswp-custom-caption"></div>
</div> </div>
</div> </div>
</div> </div>

15
src/styles/global.css
View file

@ -120,6 +120,21 @@ html, body {
margin-right: 20px; margin-right: 20px;
} }
.pswp-custom-caption {
text-align: right;
width: 375px;
font-size:14px;
line-height: 17px;
}
.pswp-custom-caption-container {
width: 100%;
display: flex;
justify-content: flex-end;
bottom: 56px;
background-color: transparent !important;
padding:16px;
}
.bg-upload-progress-bar { .bg-upload-progress-bar {
background-color: #51cd7c; background-color: #51cd7c;