fix: better ui on small phone screens

This commit is contained in:
ShareVB 2024-09-21 14:05:52 +02:00
parent f0ef42aade
commit 2f8fad5c0a
2 changed files with 19 additions and 21 deletions

2
components.d.ts vendored
View file

@ -136,6 +136,7 @@ declare module '@vue/runtime-core' {
NConfigProvider: typeof import('naive-ui')['NConfigProvider'] NConfigProvider: typeof import('naive-ui')['NConfigProvider']
NDivider: typeof import('naive-ui')['NDivider'] NDivider: typeof import('naive-ui')['NDivider']
NEllipsis: typeof import('naive-ui')['NEllipsis'] NEllipsis: typeof import('naive-ui')['NEllipsis']
NFlex: typeof import('naive-ui')['NFlex']
NFormItem: typeof import('naive-ui')['NFormItem'] NFormItem: typeof import('naive-ui')['NFormItem']
NH1: typeof import('naive-ui')['NH1'] NH1: typeof import('naive-ui')['NH1']
NH3: typeof import('naive-ui')['NH3'] NH3: typeof import('naive-ui')['NH3']
@ -144,6 +145,7 @@ declare module '@vue/runtime-core' {
NLayout: typeof import('naive-ui')['NLayout'] NLayout: typeof import('naive-ui')['NLayout']
NLayoutSider: typeof import('naive-ui')['NLayoutSider'] NLayoutSider: typeof import('naive-ui')['NLayoutSider']
NMenu: typeof import('naive-ui')['NMenu'] NMenu: typeof import('naive-ui')['NMenu']
NSpace: typeof import('naive-ui')['NSpace']
NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default'] NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'] OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default'] PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']

View file

@ -146,27 +146,23 @@ const { copy } = useCopy({ source: highlightedText });
</div> </div>
</div> </div>
<div mt-4 w-full flex gap-10px> <n-space mt-4 gap-1 align="baseline" justify="space-between">
<div flex-2 flex items-baseline gap-10px> <c-button @click="findNext()">
<c-button @click="findNext()"> <label>Find Next</label>
<label>Find Next</label> </c-button>
</c-button> <c-button @click="replaceSelected()">
<n-checkbox v-model:checked="matchCase"> <label>Replace</label>
<label>Match case</label> </c-button>
</n-checkbox> <c-button @click="replaceAll()">
<n-checkbox v-model:checked="keepLineBreaks"> <label>Replace All</label>
<label>Keep linebreaks</label> </c-button>
</n-checkbox> <n-checkbox v-model:checked="matchCase">
</div> <label>Match case</label>
<div flex flex-1 justify-end gap-10px> </n-checkbox>
<c-button @click="replaceSelected()"> <n-checkbox v-model:checked="keepLineBreaks">
<label>Replace</label> <label>Keep linebreaks</label>
</c-button> </n-checkbox>
<c-button @click="replaceAll()"> </n-space>
<label>Replace All</label>
</c-button>
</div>
</div>
<n-divider /> <n-divider />