move labels in migration page into caption

This commit is contained in:
Freeplay 2023-05-15 21:45:17 -04:00
parent b38607a694
commit 805134bb74

View file

@ -7,11 +7,11 @@
><i class="ph-airplane-takeoff ph-bold ph-lg"></i ><i class="ph-airplane-takeoff ph-bold ph-lg"></i
></template> ></template>
<template #label>{{ i18n.ts.moveToLabel }}</template> <template #label>{{ i18n.ts.moveToLabel }}</template>
<template #caption>{{ i18n.ts.moveAccountDescription }}</template>
</FormInput> </FormInput>
<FormButton primary danger @click="move(moveToAccount)"> <FormButton primary danger @click="move(moveToAccount)">
{{ i18n.ts.moveAccount }} {{ i18n.ts.moveAccount }}
</FormButton> </FormButton>
<div class="description">{{ i18n.ts.moveAccountDescription }}</div>
</FormSection> </FormSection>
<FormSection> <FormSection>
@ -21,6 +21,7 @@
><i class="ph-airplane-landing ph-bold ph-lg"></i ><i class="ph-airplane-landing ph-bold ph-lg"></i
></template> ></template>
<template #label>{{ i18n.ts.moveFromLabel }}</template> <template #label>{{ i18n.ts.moveFromLabel }}</template>
<template #caption>{{ i18n.ts.moveFromDescription }}</template>
</FormInput> </FormInput>
<FormButton <FormButton
class="button" class="button"
@ -31,7 +32,6 @@
<i class="ph-floppy-disk-back ph-bold ph-lg"></i> <i class="ph-floppy-disk-back ph-bold ph-lg"></i>
{{ i18n.ts.save }} {{ i18n.ts.save }}
</FormButton> </FormButton>
<div class="description">{{ i18n.ts.moveFromDescription }}</div>
</FormSection> </FormSection>
</div> </div>
</template> </template>
@ -69,10 +69,3 @@ definePageMetadata({
icon: "ph-lock ph-bold ph-lg", icon: "ph-lock ph-bold ph-lg",
}); });
</script> </script>
<style lang="scss">
.description {
font-size: 0.85em;
padding: 1rem;
}
</style>