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

Header fixes

Browse Source
This commit is contained in:
kvakazyambra 2022-09-29 13:08:22 +03:00
parent 53f71ce92f
commit 65fae2192d
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
astro.config.ts
View File

@ -16,7 +16,7 @@ const getDevCssClassPrefix = (filename: string): string => {
return filename return filename
.slice(filename.indexOf(PATH_PREFIX) + PATH_PREFIX.length) .slice(filename.indexOf(PATH_PREFIX) + PATH_PREFIX.length)
.replace('.module.scss', '') .replace('.module.scss', '')
.replace(/[/?\\]/, '-') .replace(/[/?\\]/g, '-')
.replace('?', '-') .replace('?', '-')
} }

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

@ -27,6 +27,7 @@
} }
.headerInner { .headerInner {
align-items: center;
background: #fff; background: #fff;
border-bottom: 4px solid #000; border-bottom: 4px solid #000;
flex-wrap: nowrap; flex-wrap: nowrap;
@ -85,10 +86,6 @@
} }
} }
nav {
align-items: center;
}
.usernav { .usernav {
display: inline-flex; display: inline-flex;
padding-right: 0; padding-right: 0;
@ -166,7 +163,7 @@ nav {
} }
} }
.burger-container { .burgerContainer {
box-sizing: content-box; box-sizing: content-box;
display: inline-flex; display: inline-flex;
float: right; float: right;
@ -243,7 +240,7 @@ nav {
} }
} }
.article-header { .articleHeader {
@include font-size(1.4rem); @include font-size(1.4rem);
left: 0; left: 0;

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

@ -103,9 +103,12 @@ export const Header = (props: Props) => {
</a> </a>
</div> </div>
<div class={clsx(styles.mainNavigation, 'col')}> <div class={clsx(styles.mainNavigation, 'col')}>
<div class="article-header">{props.title}</div> <div class={styles.articleHeader}>{props.title}</div>
<ul class="col main-navigation text-xl inline-flex" classList={{ fixed: fixed() }}> <ul
class={clsx(styles.mainNavigation, 'col text-xl inline-flex')}
classList={{ fixed: fixed() }}
>
<For each={resources}> <For each={resources}>
{(r) => ( {(r) => (
<li classList={{ selected: r.route === getPage().route }}> <li classList={{ selected: r.route === getPage().route }}>
@ -123,7 +126,7 @@ export const Header = (props: Props) => {
</li> </li>
</ul> </ul>
</div> </div>
<div class="usernav"> <div class={styles.usernav}>
<div class="usercontrol col"> <div class="usercontrol col">
<div class="usercontrol__item"> <div class="usercontrol__item">
<a href="#auth" onClick={handleBellIconClick}> <a href="#auth" onClick={handleBellIconClick}>
@ -153,8 +156,8 @@ export const Header = (props: Props) => {
</Show> </Show>
</div> </div>
</div> </div>
<div class="burger-container"> <div class={styles.burgerContainer}>
<div class="burger" classList={{ fixed: fixed() }} onClick={toggleFixed}> <div class={styles.burger} classList={{ fixed: fixed() }} onClick={toggleFixed}>
<div /> <div />
</div> </div>
</div> </div>