feat: remove tailwindcss + introduce windicss

components/http/TokenList.vue

@@ -2,9 +2,9 @@
   <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
-        <h3 class="title">{{ $t("manage_token") }}</h3>
+        <h3 class="heading">{{ $t("manage_token") }}</h3>
         <div>
-          <button class="icon" @click="hideModal">
+          <button class="icon button" @click="hideModal">
             <i class="material-icons">close</i>
           </button>
         </div>
@@ -16,7 +16,7 @@
         <div v-if="tokens.length != 0">
           <button
             v-tooltip.bottom="$t('clear')"
-            class="icon"
+            class="icon button"
             @click="clearContent('tokens', $event)"
           >
             <i class="material-icons">clear_all</i>
@@ -26,6 +26,7 @@
       <ul v-for="(token, index) in tokens" :key="index">
         <li>
           <input
+            class="input"
             :placeholder="`name ${index + 1}`"
             :value="token.name"
             @change="
@@ -37,13 +38,13 @@
           />
         </li>
         <li>
-          <input :value="token.value" readonly />
+          <input class="input" :value="token.value" readonly />
         </li>
         <div class="row-wrapper">
           <li>
             <button
               v-tooltip.bottom="$t('use_token')"
-              class="icon"
+              class="icon button"
               @click="useOAuthToken(token.value)"
             >
               <i class="material-icons">input</i>
@@ -52,7 +53,7 @@
           <li>
             <button
               v-tooltip.bottom="$t('delete')"
-              class="icon"
+              class="icon button"
               @click="removeOAuthToken(index)"
             >
               <i class="material-icons">delete</i>