Updated
This commit is contained in:
@@ -22,8 +22,8 @@
|
|||||||
/* --- Core cards (portrait, 300x450) --- */
|
/* --- Core cards (portrait, 300x450) --- */
|
||||||
|
|
||||||
.vs01-dir-card-core {
|
.vs01-dir-card-core {
|
||||||
width: 300px;
|
width: 100%;
|
||||||
height: 450px;
|
height: auto;
|
||||||
border: 1px solid var(--civicinfra-border);
|
border: 1px solid var(--civicinfra-border);
|
||||||
border-radius: var(--civicinfra-radius);
|
border-radius: var(--civicinfra-radius);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -33,18 +33,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.vs01-dir-card-core .vs01-card-image {
|
.vs01-dir-card-core .vs01-card-image {
|
||||||
width: 260px;
|
width: 100%;
|
||||||
height: 260px;
|
|
||||||
flex: 0 0 260px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
aspect-ratio: 1 / 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vs01-dir-card-core .vs01-card-image img {
|
.vs01-dir-card-core .vs01-card-image img {
|
||||||
display: block;
|
display: block;
|
||||||
width: 260px;
|
width: 100%;
|
||||||
height: 260px;
|
height: 100%;
|
||||||
max-width: 260px;
|
|
||||||
max-height: 260px;
|
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -53,7 +50,7 @@
|
|||||||
padding: var(--civicinfra-space-3) var(--civicinfra-space-4);
|
padding: var(--civicinfra-space-3) var(--civicinfra-space-4);
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: flex-start;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user