julien/binome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 (app) add svg

Browse Source
This commit is contained in:
Julien Calixte
2020-07-12 22:30:28 +02:00
parent 3b902f5ad0
commit 62ac70a747
3 changed files with 47 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/IntervalInput.vue
View File

@@ -1,8 +1,41 @@
<template>
<div class="interval-input">
<button v-show="editable" @click="minus">-</button>
<button v-show="editable" @click="minus">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-minus"
width="44"
height="44"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="#2c3a47"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" />
<line x1="5" y1="12" x2="19" y2="12" />
</svg>
</button>
<h2>{{ label }}</h2>
<button v-show="editable" @click="plus">+</button>
<button v-show="editable" @click="plus">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-plus"
width="44"
height="44"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="#2c3a47"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" />
<line x1="12" y1="5" x2="12" y2="19" />
<line x1="5" y1="12" x2="19" y2="12" />
</svg>
</button>
</div>
</template>