diff options
Diffstat (limited to 'src/tools/base64-converter/base64-converter.vue')
-rw-r--r-- | src/tools/base64-converter/base64-converter.vue | 46 |
1 files changed, 38 insertions, 8 deletions
diff --git a/src/tools/base64-converter/base64-converter.vue b/src/tools/base64-converter/base64-converter.vue index 3354cc4..fe16e90 100644 --- a/src/tools/base64-converter/base64-converter.vue +++ b/src/tools/base64-converter/base64-converter.vue @@ -1,17 +1,39 @@ <template> <n-card title="Text to base64"> - <n-input v-model:value="textInput" type="textarea" placeholder="Put your string here..." /> - <n-input :value="textBase64" type="textarea" readonly /> + <n-input + v-model:value="textInput" + type="textarea" + placeholder="Put your string here..." + /> + <n-input + :value="textBase64" + type="textarea" + readonly + /> <n-space justify="center"> - <n-button @click="copyTextBase64()" secondary>Copy</n-button> + <n-button + secondary + @click="copyTextBase64()" + > + Copy + </n-button> </n-space> </n-card> <n-card title="File to base64"> - <n-upload :show-file-list="true" :on-before-upload="onUpload" list-type="image" v-model:file-list="fileList"> + <n-upload + v-model:file-list="fileList" + :show-file-list="true" + :on-before-upload="onUpload" + list-type="image" + > <n-upload-dragger> <div style="margin-bottom: 12px"> - <n-icon size="35" :depth="3" :component="Upload" /> + <n-icon + size="35" + :depth="3" + :component="Upload" + /> </div> <n-text style="font-size: 14px"> Click or drag a file to this area to upload @@ -19,12 +41,20 @@ </n-upload-dragger> </n-upload> - <n-input :value="fileBase64" type="textarea" readonly /> + <n-input + :value="fileBase64" + type="textarea" + readonly + /> <n-space justify="center"> - <n-button @click="copyFileBase64()" secondary>Copy</n-button> + <n-button + secondary + @click="copyFileBase64()" + > + Copy + </n-button> </n-space> </n-card> - </template> <script setup lang="ts"> |