mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-27 10:06:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor(ui): replaced naive ui cards with custom ones

Browse source
This commit is contained in:
Corentin Thomasset 2023-04-20 20:49:28 +02:00 • committed by Corentin THOMASSET
parent bb32513bd3
commit f080933d2a
40 changed files with 351 additions and 303 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/tools/keycode-info/keycode-info.vue
View file

@ -1,9 +1,9 @@
<template>
<div>
<n-card style="text-align: center; padding: 40px 0; margin-bottom: 26px">
<c-card style="text-align: center; padding: 40px 0; margin-bottom: 26px">
<n-h2 v-if="event">{{ event.key }}</n-h2>
<n-text strong depth="3">Press the key on your keyboard you want to get info about this key</n-text>
</n-card>
</c-card>
<n-input-group v-for="({ label, value, placeholder }, i) of fields" :key="i" style="margin-bottom: 5px">
<n-input-group-label style="flex: 0 0 150px"> {{ label }} </n-input-group-label>