refac: styling

src/lib/components/admin/Evaluations/Leaderboard.svelte

@@ -371,7 +371,7 @@
 	{#if loadingLeaderboard}
 		<div class=" absolute top-0 bottom-0 left-0 right-0 flex">
 			<div class="m-auto">
-				<Spinner />
+				<Spinner className="size-5" />
 			</div>
 		</div>
 	{/if}

src/lib/components/admin/Settings/Documents.svelte

@@ -1246,7 +1246,7 @@
 		</div>
 	{:else}
 		<div class="flex items-center justify-center h-full">
-			<Spinner />
+			<Spinner className="size-5" />
 		</div>
 	{/if}
 </form>

src/lib/components/admin/Settings/Interface.svelte

@@ -636,6 +636,6 @@
 	</form>
 {:else}
 	<div class=" h-full w-full flex justify-center items-center">
-		<Spinner />
+		<Spinner className="size-5" />
 	</div>
 {/if}

src/lib/components/admin/Settings/Models.svelte

@@ -563,6 +563,6 @@
 	{/if}
 {:else}
 	<div class=" h-full w-full flex justify-center items-center">
-		<Spinner />
+		<Spinner className="size-5" />
 	</div>
 {/if}

src/lib/components/admin/Settings/Models/ConfigureModelsModal.svelte

@@ -278,7 +278,7 @@
 					</form>
 				{:else}
 					<div>
-						<Spinner />
+						<Spinner className="size-5" />
 					</div>
 				{/if}
 			</div>

src/lib/components/admin/Settings/Models/Manage/ManageOllama.svelte

@@ -1057,6 +1057,6 @@
 	</div>
 {:else}
 	<div class="flex justify-center items-center w-full h-full py-3">
-		<Spinner />
+		<Spinner className="size-5" />
 	</div>
 {/if}

src/lib/components/admin/Users/UserList.svelte

@@ -151,7 +151,7 @@
 
 {#if users === null || total === null}
 	<div class="my-10">
-		<Spinner />
+		<Spinner className="size-5" />
 	</div>
 {:else}
 	<div class="mt-0.5 mb-2 gap-1 flex flex-col md:flex-row justify-between">

src/lib/components/chat/Chat.svelte

@@ -2227,7 +2227,7 @@
 	{:else if loading}
 		<div class=" flex items-center justify-center h-full w-full">
 			<div class="m-auto">
-				<Spinner />
+				<Spinner className="size-5" />
 			</div>
 		</div>
 	{/if}

src/lib/components/common/Spinner.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	export let className: string = ' w-4 h-4';
+	export let className: string = 'size-4';
 </script>
 
 <div class="flex justify-center text-center">

src/lib/components/layout/ChatsModal.svelte

@@ -329,7 +329,7 @@
 					</div>
 				{:else}
 					<div class="w-full h-full flex justify-center items-center min-h-20">
-						<Spinner />
+						<Spinner className="size-5" />
 					</div>
 				{/if}
 

src/lib/components/layout/SearchModal.svelte

@@ -197,7 +197,7 @@
 				{/if}
 			{:else}
 				<div class="w-full h-full flex justify-center items-center">
-					<Spinner />
+					<Spinner className="size-5" />
 				</div>
 			{/if}
 		</div>

src/lib/components/notes/NoteEditor.svelte

@@ -700,7 +700,7 @@ Provide the enhanced notes in markdown format. Use markdown syntax for headings,
 	{#if loading}
 		<div class=" absolute top-0 bottom-0 left-0 right-0 flex">
 			<div class="m-auto">
-				<Spinner />
+				<Spinner className="size-5" />
 			</div>
 		</div>
 	{:else}

src/lib/components/notes/Notes.svelte

@@ -462,7 +462,7 @@
 	{/if} -->
 	{:else}
 		<div class="w-full h-full flex justify-center items-center">
-			<Spinner />
+			<Spinner className="size-5" />
 		</div>
 	{/if}
 </div>

src/lib/components/workspace/Knowledge.svelte

@@ -215,6 +215,6 @@
 	</div>
 {:else}
 	<div class="w-full h-full flex justify-center items-center">
-		<Spinner />
+		<Spinner className="size-5" />
 	</div>
 {/if}

src/lib/components/workspace/Knowledge/KnowledgeBase.svelte

@@ -921,6 +921,6 @@
 			</div>
 		</div>
 	{:else}
-		<Spinner />
+		<Spinner className="size-5" />
 	{/if}
 </div>

src/lib/components/workspace/Models.svelte

@@ -572,6 +572,6 @@
 	{/if}
 {:else}
 	<div class="w-full h-full flex justify-center items-center">
-		<Spinner />
+		<Spinner className="size-5" />
 	</div>
 {/if}

src/lib/components/workspace/Tools.svelte

@@ -573,6 +573,6 @@
 	</ConfirmDialog>
 {:else}
 	<div class="w-full h-full flex justify-center items-center">
-		<Spinner />
+		<Spinner className="size-5" />
 	</div>
 {/if}

src/routes/(app)/+layout.svelte

@@ -333,7 +333,7 @@
 				<slot />
 			{:else}
 				<div class="w-full flex-1 h-full flex items-center justify-center">
-					<Spinner />
+					<Spinner className="size-5" />
 				</div>
 			{/if}
 		</div>

src/routes/(app)/admin/functions/edit/+page.svelte

@@ -87,7 +87,7 @@
 {:else}
 	<div class="flex items-center justify-center h-full">
 		<div class=" pb-16">
-			<Spinner />
+			<Spinner className="size-5" />
 		</div>
 	</div>
 {/if}

src/routes/(app)/workspace/tools/edit/+page.svelte

@@ -82,7 +82,7 @@
 {:else}
 	<div class="flex items-center justify-center h-full">
 		<div class=" pb-16">
-			<Spinner />
+			<Spinner className="size-5" />
 		</div>
 	</div>
 {/if}

src/routes/auth/+page.svelte

@@ -203,7 +203,7 @@
 							</div>
 
 							<div>
-								<Spinner />
+								<Spinner className="size-5" />
 							</div>
 						</div>
 					</div>