Fix component sizing for overlap and better component positioning (like centering)
This commit is contained in:
parent
256820aa03
commit
ac88f3c8c1
1 changed files with 21 additions and 7 deletions
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue