discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed header icons position

Browse Source
This commit is contained in:
kvakazyambra 2022-11-15 01:10:26 +03:00
parent e645fae850
commit ac3b4b82d8
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Nav/Header.module.scss
View File

@ -136,7 +136,7 @@
@include font-size(1.7rem); @include font-size(1.7rem);
@include media-breakpoint-down(lg) { @include media-breakpoint-down(lg) {
margin-right: 5rem; margin-right: 7rem;
} }
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
@ -333,13 +333,21 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
position: absolute; position: absolute;
right: 4rem; right: 5rem;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
width: 100%; width: 100%;
@include media-breakpoint-up(sm) {
right: 6rem;
}
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
right: 0; right: 1.5rem;
}
@include media-breakpoint-up(lg) {
right: 1.5rem;
} }
.control { .control {