mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-24 16:56:14 -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

4
src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue
View file

@ -25,10 +25,10 @@
<n-progress :percentage="(100 * interval) / 30" :color="theme.primaryColor" :show-indicator="false" />
<div style="text-align: center">Next in {{ String(Math.floor(30 - interval)).padStart(2, '0') }}s</div>
</div>
<n-space justify="center" vertical align="center" style="margin-top: 10px">
<div mt-4 flex flex-col items-center justify-center gap-3>
<n-image :src="qrcode"></n-image>
<c-button :href="keyUri" target="_blank">Open Key URI in new tab</c-button>
</n-space>
</div>
</div>
<div style="max-width: 350px">
<input-copyable

11
src/tools/otp-code-generator-and-validator/token-display.vue
View file

@ -1,10 +1,10 @@
<template>
<div>
<n-space class="labels" item-style="flex: 1 1 0" w-full align="center">
<div style="text-align: left">Previous</div>
<div style="text-align: center">Current OTP</div>
<div style="text-align: right">Next</div>
</n-space>
<div class="labels" w-full flex items-center>
<div flex-1 text-left>Previous</div>
<div flex-1 text-center>Current OTP</div>
<div flex-1 text-right>Next</div>
</div>
<n-input-group>
<n-tooltip trigger="hover" placement="bottom">
<template #trigger>
@ -63,7 +63,6 @@ const { tokens } = toRefs(props);
.labels {
div {
text-align: center;
padding: 0 2px 6px 2px;
line-height: 1.25;
}