diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-04-19 21:38:59 +0200 |
|---|---|---|
| committer | Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-04-19 22:33:22 +0200 |
| commit | c45bce36f985a550d7bfad744099b601cb61e449 (patch) | |
| tree | 2c5e186db857776a06879dce7529b5396de214b1 /src/tools/benchmark-builder/benchmark-builder.vue | |
| parent | df989e24b3937876f094301e33762677d604888a (diff) | |
| download | it-tools-c45bce36f985a550d7bfad744099b601cb61e449.tar.gz it-tools-c45bce36f985a550d7bfad744099b601cb61e449.tar.zst it-tools-c45bce36f985a550d7bfad744099b601cb61e449.zip | |
refactor(ui): getting ride of naive ui buttons
Diffstat (limited to 'src/tools/benchmark-builder/benchmark-builder.vue')
| -rw-r--r-- | src/tools/benchmark-builder/benchmark-builder.vue | 28 |
1 files changed, 13 insertions, 15 deletions
diff --git a/src/tools/benchmark-builder/benchmark-builder.vue b/src/tools/benchmark-builder/benchmark-builder.vue index f11a9dc..37e072b 100644 --- a/src/tools/benchmark-builder/benchmark-builder.vue +++ b/src/tools/benchmark-builder/benchmark-builder.vue @@ -14,18 +14,17 @@ </n-card> <n-space justify="center"> - <n-button v-if="suites.length > 1" quaternary @click="suites.splice(index, 1)"> - <template #icon> - <n-icon :component="Trash" depth="3" /> - </template> + <c-button v-if="suites.length > 1" variant="text" @click="suites.splice(index, 1)"> + <n-icon :component="Trash" depth="3" mr-2 size="18" /> Delete suite - </n-button> - <n-button quaternary @click="suites.splice(index + 1, 0, { data: [0], title: `Suite ${suites.length + 1}` })"> - <template #icon> - <n-icon :component="Plus" depth="3" /> - </template> + </c-button> + <c-button + variant="text" + @click="suites.splice(index + 1, 0, { data: [0], title: `Suite ${suites.length + 1}` })" + > + <n-icon :component="Plus" depth="3" mr-2 size="18" /> Add suite - </n-button> + </c-button> </n-space> </div> </n-space> @@ -39,15 +38,14 @@ <n-input v-model:value="unit" placeholder="Unit (eg: ms)" /> </n-form-item> - <n-button - tertiary + <c-button @click=" suites = [ { title: 'Suite 1', data: [] }, { title: 'Suite 2', data: [] }, ] " - >Reset suites</n-button + >Reset suites</c-button > </n-space> @@ -73,8 +71,8 @@ </n-table> <br /> <n-space justify="center"> - <n-button tertiary @click="copyAsMarkdown">Copy as markdown table</n-button> - <n-button tertiary @click="copyAsBulletList">Copy as bullet list</n-button> + <c-button @click="copyAsMarkdown">Copy as markdown table</c-button> + <c-button @click="copyAsBulletList">Copy as bullet list</c-button> </n-space> </div> </div> |