mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-19 04:51:13 +02:00
Code Issues Releases Wiki Activity

make icon bigger n better

Browse Source
This commit is contained in:
Kushagra Gour
2019-03-03 18:06:26 +05:30
parent af2795c12b
commit 5694a115c8
5 changed files with 27 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/MainHeader.jsx
View File

@@ -22,11 +22,11 @@ export function MainHeader(props) {
<div class="main-header__btn-wrap flex flex-v-center">
<button
id="runBtn"
class="hide btn--dark flex flex-v-center hint--rounded hint--bottom-left"
class="hide btn btn btn--dark flex flex-v-center hint--rounded hint--bottom-left"
aria-label="Run preview (Ctrl/⌘ + Shift + 5)"
onClick={props.runBtnClickHandler}
>
<svg style="width: 14px; height: 14px;">
<svg>
<use xlinkHref="#play-icon" />
</svg>
<Trans>Run</Trans>
@@ -37,7 +37,7 @@ export function MainHeader(props) {
onClick={props.addLibraryBtnHandler}
data-event-category="ui"
data-event-action="addLibraryButtonClick"
class="btn--dark flex-v-center hint--rounded hint--bottom-left"
class="btn btn--dark hint--rounded hint--bottom-left"
aria-label={i18n._(t`Add a JS/CSS library`)}
>
<Trans>Add library</Trans>{' '}
@@ -54,30 +54,24 @@ export function MainHeader(props) {
)}
<button
class="btn--dark flex flex-v-center hint--rounded hint--bottom-left"
class="btn btn--dark hint--rounded hint--bottom-left"
aria-label="Start a new creation"
onClick={props.newBtnHandler}
>
<svg
style="vertical-align:middle;width:14px;height:14px"
viewBox="0 0 24 24"
>
<svg viewBox="0 0 24 24">
<path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
</svg>
<Trans>New</Trans>
</button>
<button
id="saveBtn"
class={`btn--dark flex flex-v-center hint--rounded hint--bottom-left ${
class={`btn btn--dark hint--rounded hint--bottom-left ${
props.isSaving ? 'is-loading' : ''
} ${props.unsavedEditCount ? 'is-marked' : 0}`}
aria-label="Save current creation (Ctrl/⌘ + S)"
onClick={props.saveBtnHandler}
>
<svg
style="vertical-align:middle;width:14px;height:14px"
viewBox="0 0 24 24"
>
<svg viewBox="0 0 24 24">
<path d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z" />
</svg>
<svg class="btn-loader" width="15" height="15" stroke="#fff">
@@ -87,16 +81,13 @@ export function MainHeader(props) {
</button>
<button
id="openItemsBtn"
class={`btn--dark flex flex-v-center hint--rounded hint--bottom-left ${
class={`btn btn--dark hint--rounded hint--bottom-left ${
props.isFetchingItems ? 'is-loading' : ''
}`}
aria-label="Open a saved creation (Ctrl/⌘ + O)"
onClick={props.openBtnHandler}
>
<svg
style="width:14px;height:14px;vertical-align:middle;"
viewBox="0 0 24 24"
>
<svg viewBox="0 0 24 24">
<path d="M13,9V3.5L18.5,9M6,2C4.89,2 4,2.89 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2H6Z" />
</svg>
<svg class="btn-loader" width="15" height="15" stroke="#fff">
@@ -108,7 +99,7 @@ export function MainHeader(props) {
onClick={props.loginBtnHandler}
data-event-category="ui"
data-event-action="loginButtonClick"
class="hide-on-login btn--dark flex flex-v-center hint--rounded hint--bottom-left"
class="hide-on-login btn btn--dark hint--rounded hint--bottom-left"
aria-label="Login/Signup"
>
<Trans>Login</Trans>/<Trans>Signup</Trans>