From c07c6929730ff6589850f92c7538f4455927943e Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Sun, 25 Jun 2023 07:08:38 +0300
Subject: [PATCH] [219] fix header logo col width (#114)

---
 src/components/Nav/Header.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Nav/Header.tsx b/src/components/Nav/Header.tsx
index 6c43ddbe..5bca66f4 100644
--- a/src/components/Nav/Header.tsx
+++ b/src/components/Nav/Header.tsx
@@ -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>