fix: Size brand-logo as a fixed square to match 1:1 logo aspect ratio
This commit is contained in:
@@ -36,12 +36,15 @@
|
|||||||
color: var(--primary-light);
|
color: var(--primary-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Custom logo image sizing */
|
/* Square logo: fixed equal width/height to match a 1:1 image */
|
||||||
.brand-logo {
|
.brand-logo {
|
||||||
|
width: 2.5rem;
|
||||||
height: 2.5rem;
|
height: 2.5rem;
|
||||||
width: auto;
|
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
|
object-position: center;
|
||||||
display: block;
|
display: block;
|
||||||
|
border-radius: 4px;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.brand-icon {
|
.brand-icon {
|
||||||
@@ -108,7 +111,9 @@
|
|||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Scale square logo down on mobile */
|
||||||
.brand-logo {
|
.brand-logo {
|
||||||
|
width: 2rem;
|
||||||
height: 2rem;
|
height: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user