Update header z index (#194)

src/components/Article/FullArticle.tsx

@@ -24,7 +24,7 @@ import { AudioPlayer } from './AudioPlayer'
 import { SharePopup } from './SharePopup'
 import { ShoutRatingControl } from './ShoutRatingControl'
 import { CommentsTree } from './CommentsTree'
-import stylesHeader from '../Nav/Header.module.scss'
+import stylesHeader from '../Nav/Header/Header.module.scss'
 import { AudioHeader } from './AudioHeader'
 
 import { Popover } from '../_shared/Popover'

src/components/Feed/ArticleCard.tsx

@@ -7,7 +7,7 @@ import { clsx } from 'clsx'
 import { CardTopic } from './CardTopic'
 import { ShoutRatingControl } from '../Article/ShoutRatingControl'
 import { getShareUrl, SharePopup } from '../Article/SharePopup'
-import stylesHeader from '../Nav/Header.module.scss'
+import stylesHeader from '../Nav/Header/Header.module.scss'
 import { getDescription } from '../../utils/meta'
 import { FeedArticlePopup } from './FeedArticlePopup'
 import { useLocalize } from '../../context/localize'

src/components/Nav/Header/Header.module.scss

@@ -5,7 +5,7 @@
   margin-bottom: 2.2rem;
   position: absolute;
   width: 100%;
-  z-index: 10;
+  z-index: 10000;
 
   .wide-container {
     background: #fff;

src/components/Nav/Header/Header.tsx

@@ -2,21 +2,21 @@ import { Show, createSignal, createEffect, onMount, onCleanup } from 'solid-js'
 import { getPagePath, redirectPage } from '@nanostores/router'
 import { clsx } from 'clsx'
 
-import { Modal } from './Modal'
-import { AuthModal } from './AuthModal'
-import { HeaderAuth } from './HeaderAuth'
-import { ConfirmModal } from './ConfirmModal'
-import { getShareUrl, SharePopup } from '../Article/SharePopup'
-import { Snackbar } from './Snackbar'
-import { Icon } from '../_shared/Icon'
+import { Modal } from '../Modal'
+import { AuthModal } from '../AuthModal'
+import { HeaderAuth } from '../HeaderAuth'
+import { ConfirmModal } from '../ConfirmModal'
+import { getShareUrl, SharePopup } from '../../Article/SharePopup'
+import { Snackbar } from '../Snackbar'
+import { Icon } from '../../_shared/Icon'
 
-import { useModalStore } from '../../stores/ui'
-import { router, useRouter } from '../../stores/router'
+import { useModalStore } from '../../../stores/ui'
+import { router, useRouter } from '../../../stores/router'
 
-import { getDescription } from '../../utils/meta'
+import { getDescription } from '../../../utils/meta'
 
-import { useLocalize } from '../../context/localize'
-import { useSession } from '../../context/session'
+import { useLocalize } from '../../../context/localize'
+import { useSession } from '../../../context/session'
 
 import styles from './Header.module.scss'
 

src/components/Nav/Header/index.ts

@@ -0,0 +1 @@
+export { Header } from './Header'

src/components/Nav/HeaderAuth.tsx

@@ -1,4 +1,4 @@
-import styles from './Header.module.scss'
+import styles from './Header/Header.module.scss'
 import { clsx } from 'clsx'
 import { router, useRouter } from '../../stores/router'
 import { Icon } from '../_shared/Icon'

src/components/Nav/Modal/Modal.module.scss

@@ -10,7 +10,7 @@
   position: fixed;
   top: 0;
   width: 100%;
-  z-index: 100;
+  z-index: 11000;
 }
 
 .modal {