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

Fixed header style on the editor page

Browse Source
This commit is contained in:
kvakazyambra 2023-08-28 00:09:20 +03:00
parent 188642bb2c
commit 6d49e4e2f0
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -95,9 +95,7 @@
.usernav { .usernav {
display: inline-flex; display: inline-flex;
flex: 0 0 40% !important;
font-weight: 500; font-weight: 500;
max-width: 400px !important;
position: relative; position: relative;
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {
@ -105,6 +103,11 @@
max-width: 100% !important; max-width: 100% !important;
padding: 0 !important; padding: 0 !important;
} }
&:not(.usernavEditor) {
flex: 0 0 40% !important;
max-width: 400px !important;
}
} }
.mainNavigationWrapper { .mainNavigationWrapper {

2
src/components/Nav/HeaderAuth.tsx
View File

@ -107,7 +107,7 @@ export const HeaderAuth = (props: Props) => {
return ( return (
<ShowOnlyOnClient> <ShowOnlyOnClient>
<Show when={isSessionLoaded()} keyed={true}> <Show when={isSessionLoaded()} keyed={true}>
<div class={clsx(styles.usernav, 'col')}> <div class={clsx(styles.usernav, 'col')} classList={{ [styles.usernavEditor]: showSaveButton() }}>
<div class={clsx(styles.userControl, styles.userControl, 'col')}> <div class={clsx(styles.userControl, styles.userControl, 'col')}>
<Show when={showCreatePostButton()}> <Show when={showCreatePostButton()}>
<div class={clsx(styles.userControlItem, styles.userControlItemVerbose)}> <div class={clsx(styles.userControlItem, styles.userControlItemVerbose)}>