update

packages/frontend/src/views/NotificationsView.vue

@@ -1,8 +1,9 @@
 <template>
-  <div class="notifications-view">
-    <!-- <h1>{{ $t('nav.notifications') }}</h1> --> <!-- Add nav.notifications to i18n later -->
-    <h1>通知管理</h1> <!-- Temporary title -->
-    <NotificationSettings />
+  <div class="p-4 bg-background text-foreground"> <!-- Outer container with padding -->
+    <div class="max-w-6xl mx-auto"> <!-- Inner container for max-width and centering -->
+      <!-- Removed temporary h1 title -->
+      <NotificationSettings />
+    </div>
   </div>
 </template>
 
@@ -11,9 +12,5 @@ import NotificationSettings from '../components/NotificationSettings.vue';
 </script>
 
 <style scoped>
-.notifications-view {
-  padding: var(--base-padding, 20px); /* 使用变量 */
-  color: var(--text-color);
-  background-color: var(--app-bg-color);
-}
+/* Remove scoped styles as they are now handled by Tailwind utility classes */
 </style>