Enlarge modal arrows
This commit is contained in:
parent
5ec9abd874
commit
b33754fa09
|
|
@ -897,9 +897,9 @@ body[data-theme="blue"] .sw-centered-modal .post-card.sw-expanded-shell{
|
|||
.sw-modal-hero-arrow{
|
||||
position:absolute;
|
||||
top:50%;
|
||||
transform:translateY(-50%) scale(0.95);
|
||||
width:60px;
|
||||
height:60px;
|
||||
transform:translateY(-50%) scale(1);
|
||||
width:68px;
|
||||
height:68px;
|
||||
border-radius:50%;
|
||||
border:1px solid rgba(255,255,255,0.35);
|
||||
background: rgba(0,0,0,0.55);
|
||||
|
|
@ -915,10 +915,10 @@ body[data-theme="blue"] .sw-centered-modal .post-card.sw-expanded-shell{
|
|||
transform:translateY(-50%) scale(1);
|
||||
}
|
||||
.sw-modal-hero-arrow.left{
|
||||
left:8px;
|
||||
left:-12px;
|
||||
}
|
||||
.sw-modal-hero-arrow.right{
|
||||
right:8px;
|
||||
right:-12px;
|
||||
}
|
||||
|
||||
.sw-modal-gallery-indicator{
|
||||
|
|
@ -950,8 +950,8 @@ body[data-theme="blue"] .sw-centered-modal .post-card.sw-expanded-shell{
|
|||
|
||||
@media (max-width: 768px) {
|
||||
.sw-modal-hero-arrow{
|
||||
width:54px;
|
||||
height:54px;
|
||||
width:62px;
|
||||
height:62px;
|
||||
border-width:0;
|
||||
background:rgba(15,23,42,0.7);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue