style caption nicely
This commit is contained in:
parent
daea01a6e9
commit
a26f6ec50d
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue