feat: remove tailwindcss + introduce windicss

components/collections/teams/Request.vue

@@ -4,7 +4,7 @@
       <div>
         <button
           v-tooltip="!doc ? $t('use_request') : ''"
-          class="icon"
+          class="icon button"
           @click="!doc ? selectRequest() : {}"
         >
           <i v-if="isSelected" class="mx-3 text-green-400 material-icons"
@@ -21,7 +21,7 @@
         <button
           v-if="collectionsType.selectedTeam.myRole !== 'VIEWER'"
           v-tooltip="$t('more')"
-          class="tooltip-target icon"
+          class="tooltip-target icon button"
         >
           <i class="material-icons">more_vert</i>
         </button>
@@ -29,7 +29,7 @@
           <div>
             <button
               v-close-popover
-              class="icon"
+              class="icon button"
               @click="
                 $emit('edit-request', {
                   collectionIndex,
@@ -45,7 +45,11 @@
             </button>
           </div>
           <div>
-            <button v-close-popover class="icon" @click="confirmRemove = true">
+            <button
+              v-close-popover
+              class="icon button"
+              @click="confirmRemove = true"
+            >
               <i class="material-icons">delete</i>
               <span>{{ $t("delete") }}</span>
             </button>