diff --git a/docker-compose.yml b/docker-compose.yml index c9e3c11..71589a8 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -2,7 +2,7 @@ version: '3' services: dev: build: . - command: npm run start:docker + command: npm start volumes: - .:/portfolio - /portfolio/node_modules diff --git a/package.json b/package.json index 11aa7cc..eb01818 100644 --- a/package.json +++ b/package.json @@ -8,8 +8,7 @@ "license": "MIT", "author": "Matthias Kretschmann ", "scripts": { - "start": "gatsby develop", - "start:docker": "gatsby develop --host 0.0.0.0", + "start": "gatsby develop --host 0.0.0.0", "ssr": "npm run build && serve -s public/", "lint:js": "eslint ./gatsby-*.js && eslint ./src/**/*.{js,jsx}", "lint:css": "stylelint ./src/**/*.{css,scss}", diff --git a/src/components/molecules/Networks.module.scss b/src/components/molecules/Networks.module.scss index 396ebca..f80a7a6 100644 --- a/src/components/molecules/Networks.module.scss +++ b/src/components/molecules/Networks.module.scss @@ -36,6 +36,8 @@ svg { fill: $brand-grey-light; + width: 24px; + height: 24px; } &:hover, @@ -56,15 +58,15 @@ .link { padding: $spacer / 4; - margin-left: $spacer / 4; - margin-right: $spacer / 4; + margin-left: $spacer / 7; + margin-right: $spacer / 7; margin-bottom: $spacer / 4; } /* stylelint-disable no-descending-specificity */ svg { - width: $font-size-small; - height: $font-size-small; + width: $font-size-base; + height: $font-size-base; opacity: 0.8; } } diff --git a/src/components/molecules/ProjectLinks.module.scss b/src/components/molecules/ProjectLinks.module.scss index 00923a1..82e5361 100644 --- a/src/components/molecules/ProjectLinks.module.scss +++ b/src/components/molecules/ProjectLinks.module.scss @@ -18,6 +18,11 @@ text-transform: none; text-align: left; } + + svg { + width: $font-size-small; + height: $font-size-small; + } } .title { diff --git a/src/components/molecules/Repository.module.scss b/src/components/molecules/Repository.module.scss index 6637706..1675c6e 100644 --- a/src/components/molecules/Repository.module.scss +++ b/src/components/molecules/Repository.module.scss @@ -53,8 +53,9 @@ svg { fill: currentColor; - width: $font-size-mini; - height: $font-size-mini; - margin-right: $spacer / 8; + width: $font-size-small; + height: $font-size-small; + margin-right: $spacer / 12; + margin-bottom: -($spacer / 12); } } diff --git a/src/components/molecules/ThemeSwitch.module.scss b/src/components/molecules/ThemeSwitch.module.scss index 5ac2517..e24ccac 100644 --- a/src/components/molecules/ThemeSwitch.module.scss +++ b/src/components/molecules/ThemeSwitch.module.scss @@ -7,15 +7,14 @@ z-index: 10; svg { - width: 0.8rem; - height: 0.8rem; + width: $font-size-base; + height: $font-size-base; margin-top: -0.05rem; fill: $brand-grey-light; &:last-child { - margin-top: -0.1rem; - width: 0.7rem; - height: 0.7rem; + width: $font-size-small; + height: $font-size-small; } } } @@ -25,7 +24,7 @@ align-items: center; } -$knob-size: 8px; +$knob-size: 7px; $knob-space: 1px; .checkboxFake { diff --git a/src/components/organisms/Footer.jsx b/src/components/organisms/Footer.jsx index 6ac62cd..a0208f6 100644 --- a/src/components/organisms/Footer.jsx +++ b/src/components/organisms/Footer.jsx @@ -19,7 +19,7 @@ const query = graphql` const FooterMarkup = ({ pkg, meta, year }) => (