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

Header navigation style fixes

Browse Source
This commit is contained in:
kvakazyambra 2024-04-30 16:16:30 +03:00
parent b3155c4535
commit c907e6ffa5
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -425,7 +425,7 @@
width: 100%; width: 100%;
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
right: 9rem; right: 1.4rem;
} }
.control { .control {
@ -457,6 +457,12 @@
} }
} }
.articleControlsAuthorized {
@include media-breakpoint-up(xl) {
right: 9rem;
}
}
.userControl { .userControl {
align-items: center; align-items: center;
display: flex; display: flex;
@ -484,7 +490,8 @@
} }
.editorControl { .editorControl {
border-radius: 1.2em; border-radius: 2em;
font-size: 1.4rem !important;
&:hover { &:hover {
background: var(--background-color-invert); background: var(--background-color-invert);

3
src/components/Nav/Header/Header.tsx
View File

@ -59,6 +59,7 @@ export const Header = (props: Props) => {
const [isTopicsVisible, setIsTopicsVisible] = createSignal(false) const [isTopicsVisible, setIsTopicsVisible] = createSignal(false)
const [isZineVisible, setIsZineVisible] = createSignal(false) const [isZineVisible, setIsZineVisible] = createSignal(false)
const [isFeedVisible, setIsFeedVisible] = createSignal(false) const [isFeedVisible, setIsFeedVisible] = createSignal(false)
const { isAuthenticated } = useSession()
const toggleFixed = () => setFixed(!fixed()) const toggleFixed = () => setFixed(!fixed())
@ -330,7 +331,7 @@ export const Header = (props: Props) => {
</div> </div>
<HeaderAuth setIsProfilePopupVisible={setIsProfilePopupVisible} /> <HeaderAuth setIsProfilePopupVisible={setIsProfilePopupVisible} />
<Show when={props.title}> <Show when={props.title}>
<div class={clsx(styles.articleControls, 'col-auto')}> <div class={clsx(styles.articleControls, 'col-auto', {[isAuthenticated()]: styles.articleControlsAuthorized})}>
<SharePopup <SharePopup
title={props.title} title={props.title}
imageUrl={props.cover} imageUrl={props.cover}