r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

update spacing on preview nav

Browse source
This commit is contained in:
Cassie Tarakajian 2019-11-07 16:56:46 -05:00
parent 1afd2aaaf4
commit 7135f5fabd
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/PreviewNav.jsx
View file

@ -7,7 +7,7 @@ const logoUrl = require('../images/p5js-logo-small.svg');
const editorUrl = require('../images/code.svg'); const editorUrl = require('../images/code.svg');
const PreviewNav = ({ owner, project }) => ( const PreviewNav = ({ owner, project }) => (
<nav className="nav"> <nav className="nav preview-nav">
<div className="nav__items-left"> <div className="nav__items-left">
<div className="nav__item-logo"> <div className="nav__item-logo">
<InlineSVG src={logoUrl} alt="p5.js logo" /> <InlineSVG src={logoUrl} alt="p5.js logo" />

6
client/styles/components/_preview-nav.scss
View file

@ -12,3 +12,9 @@
} }
} }
} }
.preview-nav {
.nav__item {
margin-left: #{5 / $base-font-size}rem;
}
}