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

Fixed header controls style

Browse Source
This commit is contained in:
kvakazyambra 2023-05-06 19:40:43 +03:00
parent de61fa09bc
commit f7232cadb1
1 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -428,6 +428,7 @@
display: flex; display: flex;
height: 2.4em; height: 2.4em;
justify-content: center; justify-content: center;
margin-left: 0.5em;
position: relative; position: relative;
transition: margin-left 0.3s; transition: margin-left 0.3s;
width: 2.4em; width: 2.4em;
@ -484,11 +485,8 @@
width: 100%; width: 100%;
} }
} }
.icon {
display: inline-flex;
align-items: center;
justify-content: center;
.icon {
img { img {
height: 20px; height: 20px;
width: auto; width: auto;
@ -508,7 +506,20 @@
} }
.userControlItemVerbose { .userControlItemVerbose {
margin-right: 0.5em; margin-left: 0.5em;
&:global(.loginbtn) {
.icon {
height: 2.4rem;
width: 2.4rem;
}
img {
max-width: none;
height: 2.4rem;
width: 2.4rem;
}
}
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
margin-right: 0; margin-right: 0;
@ -519,8 +530,7 @@
} }
.textLabel { .textLabel {
// padding: 0 1.2rem; padding: 0 1.2rem;
display: inline; display: inline;
position: relative; position: relative;
z-index: 1; z-index: 1;
@ -531,4 +541,10 @@
a::before { a::before {
border-radius: 1.2em !important; border-radius: 1.2em !important;
} }
a:hover {
.icon {
filter: invert(0);
}
}
} }