mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-25 17:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(css): added unocss with attributify preset

Browse source
This commit is contained in:
Corentin Thomasset 2023-04-06 19:36:30 +02:00 • committed by Corentin THOMASSET
parent 4ccd73c2d1
commit 001031b7b5
15 changed files with 406 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/tools/base64-file-converter/base64-file-converter.vue
View file

@ -17,7 +17,7 @@
<n-card title="File to base64">
<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">
<div mb-2>
<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 </n-text>

2
src/tools/bcrypt/bcrypt.vue
View file

@ -12,7 +12,7 @@
/>
</n-form-item>
<n-form-item label="Salt count: " label-placement="left">
<n-input-number v-model:value="saltCount" placeholder="Salt rounds..." :max="10" :min="0" style="width: 100%" />
<n-input-number v-model:value="saltCount" placeholder="Salt rounds..." :max="10" :min="0" w-full />
</n-form-item>
<n-input :value="hashed" readonly style="text-align: center" />
</n-form>

2
src/tools/chmod-calculator/chmod-calculator.vue
View file

@ -24,7 +24,7 @@
{{ octal }}
</div>
<input-copyable :value="`chmod ${octal} path`" readonly style="margin-bottom: 5px" />
<input-copyable :value="`chmod ${octal} path`" readonly />
</div>
</template>

4
src/tools/integer-base-converter/integer-base-converter.vue
View file

@ -4,11 +4,11 @@
<div v-if="styleStore.isSmallScreen">
<n-input-group>
<n-input-group-label style="flex: 0 0 120px"> Input number: </n-input-group-label>
<n-input v-model:value="input" style="width: 100%" :status="error ? 'error' : undefined" />
<n-input v-model:value="input" w-full :status="error ? 'error' : undefined" />
</n-input-group>
<n-input-group>
<n-input-group-label style="flex: 0 0 120px"> Input base: </n-input-group-label>
<n-input-number v-model:value="inputBase" max="64" min="2" style="width: 100%" />
<n-input-number v-model:value="inputBase" max="64" min="2" w-full />
</n-input-group>
</div>

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

@ -1,6 +1,6 @@
<template>
<div>
<n-space class="labels" item-style="flex: 1 1 0" style="width: 100%" align="center">
<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>

6
src/tools/temperature-converter/temperature-converter.vue
View file

@ -1,10 +1,6 @@
<template>
<div>
<n-input-group
v-for="[key, { title, unit }] in Object.entries(units)"
:key="key"
style="width: 100%; margin-bottom: 15px"
>
<n-input-group v-for="[key, { title, unit }] in Object.entries(units)" :key="key" mb-3 w-full>
<n-input-group-label style="width: 100px">
{{ title }}
</n-input-group-label>