feat: remove tailwindcss + introduce windicss

components/collections/SaveRequest.vue

@@ -2,9 +2,9 @@
   <SmartModal v-if="show" @close="hideModal">
     <div slot="header">
       <div class="row-wrapper">
-        <h3 class="title">{{ $t("save_request_as") }}</h3>
+        <h3 class="heading">{{ $t("save_request_as") }}</h3>
         <div>
-          <button class="icon" @click="hideModal">
+          <button class="icon button" @click="hideModal">
             <i class="material-icons">close</i>
           </button>
         </div>
@@ -15,11 +15,12 @@
       <input
         id="selectLabel"
         v-model="requestData.name"
+        class="input"
         type="text"
         @keyup.enter="saveRequestAs"
       />
       <label for="selectLabel">Select location</label>
-      <!-- <input readonly :value="path" /> -->
+      <!-- <input class="input" readonly :value="path" /> -->
 
       <CollectionsGraphql
         v-if="mode === 'graphql'"
@@ -43,10 +44,10 @@
       <div class="row-wrapper">
         <span></span>
         <span>
-          <button class="icon" @click="hideModal">
+          <button class="icon button" @click="hideModal">
             {{ $t("cancel") }}
           </button>
-          <button class="icon primary" @click="saveRequestAs">
+          <button class="icon button primary" @click="saveRequestAs">
             {{ $t("save") }}
           </button>
         </span>