feat(app): use tailwind css

app/src/main.ts

@@ -6,7 +6,7 @@ import router from './routes'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
 import {useSettingsStore} from '@/pinia'
 import {autoAnimatePlugin} from '@formkit/auto-animate/vue'
-
+import './style.css'
 
 const pinia = createPinia()
 

app/src/style.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

app/src/views/cert/DNSCredential.vue

@@ -38,7 +38,7 @@ const columns = [{
             row-key="name"
   >
     <template #beforeEdit>
-      <a-alert type="info" show-icon :message="$gettext('Note')">
+      <a-alert class="mb-4" type="info" show-icon :message="$gettext('Note')">
         <template #description>
           <p v-translate>
             Please fill in the API authentication credentials provided by your DNS provider.