fix: footer icons and code styles

mdluo · Apr 15, 2022 · 802a7c3 · 802a7c3
1 parent 4afcc80
commit 802a7c3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -56,7 +56,7 @@ module.exports = {
  {
  resolve: `gatsby-remark-images`,
  options: {
- maxWidth: 1200,
+ wrapperStyle: 'border-radius: 5px; overflow: hidden;',
  },
  },
  {
@@ -84,6 +84,9 @@ module.exports = {
  const [color] = match.colour;
  classNames.push(color);
  }
+ if (parsedOptions.breakSpaces) {
+ classNames.push('break-spaces');
+ }
  if (parsedOptions.noLabel || language === 'shell') {
  classNames.push('no-label');
  }

diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
  "description": "mdluo's blog",
  "version": "3.1.0",
  "scripts": {
- "develop": "gatsby develop",
+ "dev": "gatsby develop",
  "start": "gatsby develop",
  "build": "gatsby build",
  "serve": "gatsby serve",

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
@@ -17,8 +17,6 @@ const Footer: React.FC<Props> = ({ author }) => {
  <Icon icon="github" id={author} />
  <Icon icon="twitter" id={author} />
  <Icon icon="linkedin" id={author} />
- <Icon icon="goodreads" id={author} />
- <Icon icon="twitch" id={author} />
  <Icon icon="steam" id={author} />
  </p>
  <p>

diff --git a/src/styles/_code.scss b/src/styles/_code.scss
@@ -10,6 +10,10 @@ pre.grvsc-container {
  line-height: 1.75;
  background-color: scale-color(#f6f8fa, $lightness: -2%);
 
+ &.break-spaces {
+ white-space: break-spaces;
+ }
+
  .grvsc-gutter-pad, .grvsc-line-number {
  background-color: #e1e4e8;
  }