From a3208e72bf6f82c623c4140d893ed96939f79afa Mon Sep 17 00:00:00 2001
From: Leendert de Borst <ldeborst@xivisoft.com>
Date: Wed, 11 Jun 2025 14:35:02 +0200
Subject: [PATCH] Reduce min loading duration for client (#900)

---
 .../Main/Components/Email/RecentEmails.razor  |  2 +-
 .../Main/Pages/Emails/Home.razor              |  2 +-
 .../wwwroot/css/tailwind.css                  | 36 +++++++------------
 3 files changed, 14 insertions(+), 26 deletions(-)

diff --git a/apps/server/AliasVault.Client/Main/Components/Email/RecentEmails.razor b/apps/server/AliasVault.Client/Main/Components/Email/RecentEmails.razor
index 709bc419a..3289bcf94 100644
--- a/apps/server/AliasVault.Client/Main/Components/Email/RecentEmails.razor
+++ b/apps/server/AliasVault.Client/Main/Components/Email/RecentEmails.razor
@@ -297,7 +297,7 @@
     /// <returns></returns>
     private async Task ManualRefresh()
     {
-        LoadingService.StartLoading("recentemails", 500, StateHasChanged);
+        LoadingService.StartLoading("recentemails", 300, StateHasChanged);
         StateHasChanged();
         CloseEmailModal();
         await LoadRecentEmailsAsync();
diff --git a/apps/server/AliasVault.Client/Main/Pages/Emails/Home.razor b/apps/server/AliasVault.Client/Main/Pages/Emails/Home.razor
index 43c9312d3..d320c7ce2 100644
--- a/apps/server/AliasVault.Client/Main/Pages/Emails/Home.razor
+++ b/apps/server/AliasVault.Client/Main/Pages/Emails/Home.razor
@@ -107,7 +107,7 @@ else
 
     private async Task RefreshData()
     {
-        LoadingService.StartLoading("emails", 500, StateHasChanged);
+        LoadingService.StartLoading("emails", 300, StateHasChanged);
         NoEmailClaims = false;
         CloseEmailModal();
 
diff --git a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
index 0ab144c5a..d8b56aafd 100644
--- a/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
+++ b/apps/server/AliasVault.Client/wwwroot/css/tailwind.css
@@ -985,6 +985,10 @@ video {
   width: 5rem;
 }
 
+.w-24 {
+  width: 6rem;
+}
+
 .w-28 {
   width: 7rem;
 }
@@ -1001,10 +1005,18 @@ video {
   width: 1rem;
 }
 
+.w-48 {
+  width: 12rem;
+}
+
 .w-5 {
   width: 1.25rem;
 }
 
+.w-56 {
+  width: 14rem;
+}
+
 .w-6 {
   width: 1.5rem;
 }
@@ -1029,18 +1041,6 @@ video {
   width: 100vw;
 }
 
-.w-24 {
-  width: 6rem;
-}
-
-.w-56 {
-  width: 14rem;
-}
-
-.w-48 {
-  width: 12rem;
-}
-
 .min-w-0 {
   min-width: 0px;
 }
@@ -1677,14 +1677,6 @@ video {
   padding: 2rem;
 }
 
-.p-1 {
-  padding: 0.25rem;
-}
-
-.p-1\.5 {
-  padding: 0.375rem;
-}
-
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -3083,10 +3075,6 @@ video {
     margin-left: 0.5rem;
   }
 
-  .md\:block {
-    display: block;
-  }
-
   .md\:inline {
     display: inline;
   }