Fix component sizing for overlap and better component positioning (like centering)

This commit is contained in:
Rafael 2021-12-28 09:55:23 -03:00 committed by Thomas Zarebczan
parent 256820aa03
commit ac88f3c8c1

View file

@ -31,6 +31,16 @@
height: unset;
}
}
@media (max-width: $breakpoint-small) {
.card__actions--between {
.header__menu--left,
.header__menu--right {
width: 5rem;
min-width: 5rem;
}
}
}
}
.header--minimal {
@ -45,6 +55,12 @@
.header__navigationItem--logo {
height: 3rem;
}
.header__menu--left,
.header__menu--right {
width: unset;
min-width: unset;
}
}
.header__contents {
@ -78,6 +94,11 @@
.header__menu {
display: flex;
align-items: center;
@media (min-width: $breakpoint-small) {
width: 15rem;
min-width: 15rem;
}
}
.header__menu--left {
@ -88,13 +109,6 @@
.header__menu--right {
@extend .header__menu;
justify-content: flex-end;
width: 10rem;
min-width: 10rem;
@media (max-width: $breakpoint-small) {
width: unset;
min-width: unset;
}
}
.header__buttons {