diff options
Diffstat (limited to 'src/tools/roman-numeral-converter/roman-numeral-converter.vue')
| -rw-r--r-- | src/tools/roman-numeral-converter/roman-numeral-converter.vue | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/tools/roman-numeral-converter/roman-numeral-converter.vue b/src/tools/roman-numeral-converter/roman-numeral-converter.vue index cc5ce93..1146865 100644 --- a/src/tools/roman-numeral-converter/roman-numeral-converter.vue +++ b/src/tools/roman-numeral-converter/roman-numeral-converter.vue @@ -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> |