m/portfolio
1
0
Fork 0
mirror of https://github.com/kremalicious/portfolio.git synced 2024-12-22 17:23:22 +01:00
Code Releases Activity

css modules workaround so build works

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-06-22 20:54:04 +02:00
parent 9ecd43d0e3
commit dc9232134a
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.eslintrc
View File

@ -18,9 +18,6 @@
"node": true,
"es6": true
},
"globals": {
"graphql": true
},
"rules": {
"quotes": ["error", "single"],
"semi": ["error", "never"],

45
src/components/molecules/ProjectNav.jsx
View File

@ -2,6 +2,7 @@ import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { Link, graphql, StaticQuery } from 'gatsby'
import Img from 'gatsby-image'
import FullWidth from '../atoms/FullWidth'
import styles from './ProjectNav.module.scss'
const ProjectLink = ({ node }) => (
@ -67,28 +68,30 @@ class ProjectNav extends Component {
const projects = data.allProjectsYaml.edges
return (
<nav
className={styles.projectNav}
ref={node => {
this.scrollContainer = node
}}
>
{projects.map(({ node }) => {
const current = node.slug === slug
<FullWidth>
<nav
className={styles.projectNav}
ref={node => {
this.scrollContainer = node
}}
>
{projects.map(({ node }) => {
const current = node.slug === slug
return (
<div
className={styles.item}
key={node.slug}
ref={node => {
if (current) this.currentItem = node
}}
>
<ProjectLink node={node} />
</div>
)
})}
</nav>
return (
<div
className={styles.item}
key={node.slug}
ref={node => {
if (current) this.currentItem = node
}}
>
<ProjectLink node={node} />
</div>
)
})}
</nav>
</FullWidth>
)
}}
/>

2
src/components/molecules/ProjectNav.module.scss
View File

@ -1,7 +1,7 @@
@import 'variables';
.projectNav {
composes: fullWidth from '../atoms/FullWidth.module.scss';
// composes: fullWidth from '../atoms/FullWidth.module.scss';
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;