update classes to use tailwind (#13772)

apps/web/src/app/admin-console/organizations/collections/vault.component.html

@@ -45,22 +45,16 @@
   (searchTextChanged)="filterSearchText($event)"
 ></app-org-vault-header>
 
-<div class="row">
+<div class="tw-flex tw-flex-row">
-  <div class="col-3" *ngIf="!hideVaultFilters">
+  <div class="tw-w-1/4 tw-mr-5" *ngIf="!hideVaultFilters">
-    <div class="groupings">
+    <app-organization-vault-filter
-      <div class="content">
+      [organization]="organization"
-        <div class="inner-content">
+      [activeFilter]="activeFilter"
-          <app-organization-vault-filter
+      [searchText]="currentSearchText$ | async"
-            [organization]="organization"
+      (searchTextChanged)="filterSearchText($event)"
-            [activeFilter]="activeFilter"
+    ></app-organization-vault-filter>
-            [searchText]="currentSearchText$ | async"
-            (searchTextChanged)="filterSearchText($event)"
-          ></app-organization-vault-filter>
-        </div>
-      </div>
-    </div>
   </div>
-  <div [class]="hideVaultFilters ? 'col-12' : 'col-9'">
+  <div [class]="hideVaultFilters ? 'tw-w-4/5' : 'tw-w-3/4'">
     <bit-toggle-group
       *ngIf="showAddAccessToggle && activeFilter.selectedCollectionNode"
       [selected]="addAccessStatus$ | async"
@@ -140,7 +134,7 @@
       *ngIf="performingInitialLoad"
     >
       <i
-        class="bwi bwi-spinner bwi-spin text-muted"
+        class="bwi bwi-spinner bwi-spin tw-text-muted"
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>