Update mobile view
This commit is contained in:
parent
07a1904b9d
commit
0d3d6f4989
@ -2,11 +2,6 @@ html {
|
|||||||
background: #191919;
|
background: #191919;
|
||||||
}
|
}
|
||||||
|
|
||||||
#lightgallery img {
|
|
||||||
height: 300px;
|
|
||||||
margin: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#lightgallery a {
|
#lightgallery a {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -16,6 +11,25 @@ html {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#lightgallery img {
|
||||||
|
max-height: 250px;
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width:800px) {
|
||||||
|
#lightgallery a {
|
||||||
|
width: calc(100vw / 3 - 10px);
|
||||||
|
height: calc(100vw / 3 - 10px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
#lightgallery img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.play-icon {
|
.play-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
|
Loading…
Reference in New Issue
Block a user