improveed image gallery mobile layout
This commit is contained in:
@@ -107,7 +107,7 @@
|
|||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 4px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
.gallery-desc-container p {
|
.gallery-desc-container p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -157,12 +157,19 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.gallery-text-container {
|
.gallery-text-container {
|
||||||
height: initial;
|
height: 40vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery-img-container {
|
.gallery-img-container {
|
||||||
border-right: none;
|
border-right: none;
|
||||||
border-bottom: var(--border-style) var(--border-dash-size) var(--color-highlight-alt);
|
border-bottom: var(--border-style) var(--border-dash-size) var(--color-highlight-alt);
|
||||||
}
|
}
|
||||||
|
.gallery-img {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gallery-zone > * {
|
||||||
|
height: 40vh;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user