Skip to content

Commit

Permalink
#158 Header scss module
Browse files Browse the repository at this point in the history
  • Loading branch information
blms committed Apr 7, 2021
1 parent 1c85a40 commit bee4a91
Show file tree
Hide file tree
Showing 3 changed files with 13 additions and 9 deletions.
5 changes: 3 additions & 2 deletions src/components/Header/Header.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ import {
import SecondNavbar from '../SecondNavbar';
import FeedbackButton from '../FeedbackButton';
import { appendProtocolIfMissing } from '../../utils/fetchUtil';
import styles from './Header.module.scss';

const getEditProfileUrl = (email) => {
const slug = email.replace(/[*+~.()'"!:@]/g, '-');
Expand All @@ -28,13 +29,13 @@ const Header = ({
const [session, loading] = useSession();
const router = useRouter();
return (
<header className="as-header" sticky="top" style={{ zIndex: 2 }}>
<header className={`as-header ${styles.header}`} sticky="top">
<Navbar bg="dark" variant="dark" className="px-0">
<Container fluid className="px-5">
<Navbar.Brand href="/">
{process.env.NEXT_PUBLIC_LOGO_SVG && (
<img
className="header-logo-svg"
className={styles.headerlogo}
src={`/${process.env.NEXT_PUBLIC_LOGO_SVG}`}
alt="logo"
/>
Expand Down
10 changes: 10 additions & 0 deletions src/components/Header/Header.module.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
.header {
z-index: 2;
}

.headerlogo {
width: 26px;
height: 26px;
margin-right: 0.5rem;
margin-bottom: 0.3rem;
}
7 changes: 0 additions & 7 deletions src/style/custom.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,6 @@ $theme-colors: (
"info": theme.$info,
);

.header-logo-svg {
width: 26px;
height: 26px;
margin-right: 0.5rem;
margin-bottom: 0.3rem;
}

#slate-container {
width: 750px;
}
Expand Down

0 comments on commit bee4a91

Please sign in to comment.