From 31a06c337723b4b43a8d729bb977c6dfd21a6324 Mon Sep 17 00:00:00 2001
From: Baobhan Sith <80159437+Heavrnl@users.noreply.github.com>
Date: Sun, 27 Apr 2025 11:35:02 +0800
Subject: [PATCH] Update SettingsView.vue

---
 packages/frontend/src/views/SettingsView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/views/SettingsView.vue b/packages/frontend/src/views/SettingsView.vue
index aee0b1b..a34cc2c 100644
--- a/packages/frontend/src/views/SettingsView.vue
+++ b/packages/frontend/src/views/SettingsView.vue
@@ -12,11 +12,11 @@
       </div>
 
       <!-- Settings Sections Grid (Render grid structure always if no error) -->
-      <div v-else class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+      <div v-else class="grid grid-cols-1 lg:grid-cols-2 gap-6"> <!-- Changed to 2 columns on large screens -->
         <!-- Removed global loading state, content will show/hide based on individual loading states -->
 
           <!-- Column 1: Security -->
-          <div class="lg:col-span-2 space-y-6"> <!-- Security takes 2 columns on large screens -->
+          <div class="space-y-6"> <!-- Removed col-span -->
           <!-- Security Sections: Only show if settings data is loaded -->
           <div v-if="settings" class="bg-background border border-border rounded-lg shadow-sm overflow-hidden">
             <h2 class="text-lg font-semibold text-foreground px-6 py-4 border-b border-border bg-header/50">{{ $t('settings.category.security') }}</h2>
@@ -267,7 +267,7 @@
         </div>
 
         <!-- Column 2: Appearance, Workspace, System -->
-        <div class="lg:col-span-1 space-y-6">
+        <div class="space-y-6"> <!-- Removed col-span -->
           <!-- Appearance Section: Only show if settings data is loaded -->
           <div v-if="settings" class="bg-background border border-border rounded-lg shadow-sm overflow-hidden">
             <h2 class="text-lg font-semibold text-foreground px-6 py-4 border-b border-border bg-header/50">{{ $t('settings.category.appearance') }}</h2>