From dcdc19d15e5d7be3acd473029ac483430416ad7c Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Fri, 14 Mar 2025 18:16:44 -0700
Subject: [PATCH] chore: Simplify class def

---
 src/lib/components/View.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/lib/components/View.svelte b/src/lib/components/View.svelte
index 00246655..fc7873ab 100644
--- a/src/lib/components/View.svelte
+++ b/src/lib/components/View.svelte
@@ -149,9 +149,7 @@
 <div
   id="view"
   bind:this={view}
-  class="grid-bg-{shouldShowGrid ? ($mode === 'dark' ? 'dark' : 'light') : 'none'} h-full"
-  class:error
-  class:outOfSync>
+  class={[shouldShowGrid && `grid-bg-${$mode}`, 'h-full', (error || outOfSync) && 'opacity-50']}>
   <div id="container" bind:this={container} class="h-full overflow-auto"></div>
 </div>