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

Fixed header blocks alignment

Browse Source
This commit is contained in:
kvakazyambra 2023-06-28 23:18:43 +03:00
parent 27ae71da09
commit f5a54e4850
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -85,8 +85,6 @@ export const Header = (props: Props) => {
props.scrollToComments(value) props.scrollToComments(value)
} }
const logoColWidth = page().path === '/' ? 'col-md-6' : 'col-md-5 col-xl-4'
return ( return (
<header <header
class={styles.mainHeader} class={styles.mainHeader}
@ -104,12 +102,12 @@ export const Header = (props: Props) => {
<div class={clsx(styles.mainHeaderInner, 'wide-container')}> <div class={clsx(styles.mainHeaderInner, 'wide-container')}>
<nav class={clsx('row', styles.headerInner, { ['fixed']: fixed() })}> <nav class={clsx('row', styles.headerInner, { ['fixed']: fixed() })}>
<div class={clsx(logoColWidth, 'col-auto', styles.mainLogo)}> <div class={clsx('col-md-5 col-xl-4 col-auto', styles.mainLogo)}>
<a href={getPagePath(router, 'home')}> <a href={getPagePath(router, 'home')}>
<img src="/logo.svg" alt={t('Discours')} /> <img src="/logo.svg" alt={t('Discours')} />
</a> </a>
</div> </div>
<div class={clsx('col', styles.mainNavigationWrapper, { ['offset-xl-1']: page().path !== '/' })}> <div class={clsx('col offset-xl-1', styles.mainNavigationWrapper)}>
<Show when={props.title}> <Show when={props.title}>
<div class={styles.articleHeader}>{props.title}</div> <div class={styles.articleHeader}>{props.title}</div>
</Show> </Show>