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

change svg

Browse source
This commit is contained in:
mathuramg 2016-06-20 13:00:25 -04:00
parent afc2ef91d5
commit b956d01bde
4 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
images/exit.svg
View file

@ -4,9 +4,9 @@
<title>Combined Shape</title> <title>Combined Shape</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square"> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="exit" stroke="#white"> <g id="Artboard-1" fill="#D8D8D8">
<path d="M7.29289322,8 L1.14644661,1.85355339 L0.792893219,1.5 L1.5,0.792893219 L1.85355339,1.14644661 L8,7.29289322 L14.1464466,1.14644661 L14.5,0.792893219 L15.2071068,1.5 L14.8535534,1.85355339 L8.70710678,8 L14.8535534,14.1464466 L15.2071068,14.5 L14.5,15.2071068 L14.1464466,14.8535534 L8,8.70710678 L1.85355339,14.8535534 L1.5,15.2071068 L0.792893219,14.5 L1.14644661,14.1464466 L7.29289322,8 Z" id="exit"></path> <path d="M8,5.87867966 L2.69669914,0.575378798 L0.575378798,2.69669914 L5.87867966,8 L0.575378798,13.3033009 L2.69669914,15.4246212 L8,10.1213203 L13.3033009,15.4246212 L15.4246212,13.3033009 L10.1213203,8 L15.4246212,2.69669914 L13.3033009,0.575378798 L8,5.87867966 Z" id="Combined-Shape"></path>
</g> </g>
</g> </g>
</svg> </svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 980 B

After

Width:  |  Height:  |  Size: 838 B

2
index.html
View file

@ -3,7 +3,7 @@
<head> <head>
<title>p5.js Web Editor</title> <title>p5.js Web Editor</title>
<link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
</head> </head>
<body> <body>
<div id="root" class="root-app"> <div id="root" class="root-app">

3
shared/components/Editor/Editor.jsx
View file

@ -17,6 +17,7 @@ class Editor extends React.Component {
this._cm.on('change', () => { this._cm.on('change', () => {
this.props.updateFile("sketch.js", this._cm.getValue()); this.props.updateFile("sketch.js", this._cm.getValue());
}); });
console.log('test here');
} }
componentDidUpdate(prevProps) { componentDidUpdate(prevProps) {
@ -35,4 +36,4 @@ class Editor extends React.Component {
} }
} }
export default Editor; export default Editor;

1
styles/components/_preferences.scss
View file

@ -20,6 +20,7 @@
.preferences__title-text { .preferences__title-text {
margin-left: #{20 / $base-font-size}rem; margin-left: #{20 / $base-font-size}rem;
font-size: $menu-font-size; font-size: $menu-font-size;
font-weight: 700;
font-color: white; font-color: white;
height: #{44 / $base-font-size}rem; height: #{44 / $base-font-size}rem;
line-height: #{44 / $base-font-size}rem; line-height: #{44 / $base-font-size}rem;