Cutlery/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-11-03 18:37:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

refactor(style): port display

Browse Source
This commit is contained in:
Corentin Thomasset 2022-04-13 14:08:26 +02:00
parent 7c540f1208
commit 2632f24cc8
No known key found for this signature in database
GPG Key ID: 3103EB5E79496F9C
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/tools/random-port-generator/random-port-generator.vue
View File

@ -1,8 +1,6 @@
<template> <template>
<n-card> <n-card>
<n-input :value="port" readonly style="text-align: center; font-family: monospace;" /> <div class="port">{{ port }}</div>
<br>
<br>
<n-space justify="center"> <n-space justify="center">
<n-button @click="copy" secondary>Copy</n-button> <n-button @click="copy" secondary>Copy</n-button>
<n-button @click="refreshPort" secondary>Refresh</n-button> <n-button @click="refreshPort" secondary>Refresh</n-button>
@ -27,5 +25,11 @@ refreshPort()
</script> </script>
<style lang="scss" scoped> <style lang="less" scoped>
.port {
text-align: center;
font-size: 26px;
font-weight: 400;
margin: 10px 0 25px;
}
</style> </style>