LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

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

Browse source
This commit is contained in:
Rafael 2021-12-28 09:55:23 -03:00 committed by Thomas Zarebczan
parent 256820aa03
commit ac88f3c8c1
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
ui/scss/component/_header.scss
View file

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