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

[219] fix header logo col width (#114)

Browse Source
This commit is contained in:
Ilya Y 2023-06-25 07:08:38 +03:00 committed by GitHub
parent 55e8f6a20a
commit c07c692973
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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