From 51e1f2fa52873a5c06397fd20ab09916f556c6ca Mon Sep 17 00:00:00 2001
From: pythongosssss <125205205+pythongosssss@users.noreply.github.com>
Date: Thu, 15 Jan 2026 18:15:12 -0800
Subject: [PATCH] use cn

---
 src/components/common/LoadingOverlay.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/common/LoadingOverlay.vue b/src/components/common/LoadingOverlay.vue
index 3575d03c7..ccc34908e 100644
--- a/src/components/common/LoadingOverlay.vue
+++ b/src/components/common/LoadingOverlay.vue
@@ -7,10 +7,12 @@
       <div class="flex flex-col items-center">
         <div class="grid place-items-center">
           <div
-            :class="[
-              'col-start-1 row-start-1 animate-spin rounded-full border-muted-foreground border-t-base-foreground',
-              spinnerSizeClass
-            ]"
+            :class="
+              cn(
+                'col-start-1 row-start-1 animate-spin rounded-full border-muted-foreground border-t-base-foreground',
+                spinnerSizeClass
+              )
+            "
           />
           <div class="col-start-1 row-start-1">
             <slot />
@@ -27,6 +29,8 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
+import { cn } from '@/utils/tailwindUtil'
+
 const { size = 'md' } = defineProps<{
   loading: boolean
   loadingMessage?: string