Update components.css
This commit is contained in:
parent
8a9217fbba
commit
8341489003
1 changed files with 8 additions and 8 deletions
|
|
@ -45,18 +45,20 @@
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
flex-direction: row;
|
|
||||||
align-items: stretch;
|
|
||||||
|
|
||||||
& > div:first-child {
|
& > div:first-child {
|
||||||
width: 120px;
|
aspect-ratio: 4 / 3;
|
||||||
flex-shrink: 0;
|
background: var(--surface-container-highest);
|
||||||
aspect-ratio: 1 / 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
& > div:last-child {
|
& > div:last-child {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
& img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.greener {
|
.greener {
|
||||||
|
|
@ -66,8 +68,6 @@
|
||||||
& img {
|
& img {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
|
||||||
object-fit: cover;
|
|
||||||
scale: 1;
|
scale: 1;
|
||||||
transition: scale 0.7s;
|
transition: scale 0.7s;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue