mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-05 13:57:10 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(ui): removed all n-space

Browse source
This commit is contained in:
Corentin Thomasset 2023-05-27 17:36:15 +02:00 • committed by Corentin THOMASSET
parent 34d8e5ce2c
commit 4d2b037dbe
40 changed files with 222 additions and 246 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/tools/roman-numeral-converter/roman-numeral-converter.vue
View file

@ -1,7 +1,7 @@
<template>
<div>
<c-card title="Arabic to roman">
<n-space align="center" justify="space-between">
<div flex items-center justify-between>
<n-form-item v-bind="validationNumeral as any">
<n-input-number v-model:value="inputNumeral" :min="1" style="width: 200px" :show-button="false" />
</n-form-item>
@ -11,17 +11,17 @@
<c-button autofocus :disabled="validationNumeral.validationStatus === 'error'" @click="copyRoman">
Copy
</c-button>
</n-space>
</div>
</c-card>
<c-card title="Roman to arabic" mt-5>
<n-space align="center" justify="space-between">
<div flex items-center justify-between>
<c-input-text v-model:value="inputRoman" style="width: 200px" :validation="validationRoman" />
<div class="result">
{{ outputNumeral }}
</div>
<c-button :disabled="!validationRoman.isValid" @click="copyArabic"> Copy </c-button>
</n-space>
</div>
</c-card>
</div>
</template>