From 6ff1af8ec010f6ef658482a054cf3db1c993ce24 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Tue, 30 Dec 2025 02:59:23 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BE=8E=E5=8C=96=E8=AE=BE=E7=BD=AE=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src/components/settings/RoleList.vue  |  7 +------
 .../src/components/settings/RolePermissions.vue |  7 +------
 .../components/settings/SettingsPermissions.vue |  8 +++++++-
 .../settings/profile/ProfileSettings.vue        | 17 +++++++++++++++--
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/dashboard/src/components/settings/RoleList.vue b/dashboard/src/components/settings/RoleList.vue
index 67a6495..ba5766e 100644
--- a/dashboard/src/components/settings/RoleList.vue
+++ b/dashboard/src/components/settings/RoleList.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="role-list-container">
+	<div>
 		<n-card class="settings-card">
 			<ObjectList :options="listOptions" />
 		</n-card>
@@ -246,11 +246,6 @@ function configureRole(row) {
 </script>
 
 <style scoped>
-.role-list-container {
-	width: 100%;
-	padding: 0;
-}
-
 .settings-card {
 	border-radius: 12px;
 	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
diff --git a/dashboard/src/components/settings/RolePermissions.vue b/dashboard/src/components/settings/RolePermissions.vue
index c07acfc..34f6329 100644
--- a/dashboard/src/components/settings/RolePermissions.vue
+++ b/dashboard/src/components/settings/RolePermissions.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="role-permissions-container">
+	<div>
 		<div class="mb-5 flex items-center gap-2">
 			<n-tooltip>
 				<template #trigger>
@@ -349,11 +349,6 @@ async function handleAddPermission() {
 </script>
 
 <style scoped>
-.role-permissions-container {
-	width: 100%;
-	padding: 0;
-}
-
 .settings-card {
 	border-radius: 12px;
 	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
diff --git a/dashboard/src/components/settings/SettingsPermissions.vue b/dashboard/src/components/settings/SettingsPermissions.vue
index 2b19b3a..c3edb59 100644
--- a/dashboard/src/components/settings/SettingsPermissions.vue
+++ b/dashboard/src/components/settings/SettingsPermissions.vue
@@ -9,6 +9,12 @@
 <style scoped>
 .permissions-settings-container {
 	width: 100%;
-	padding: 0;
+	padding: 24px;
+}
+
+@media (max-width: 768px) {
+	.permissions-settings-container {
+		padding: 16px;
+	}
 }
 </style>
\ No newline at end of file
diff --git a/dashboard/src/components/settings/profile/ProfileSettings.vue b/dashboard/src/components/settings/profile/ProfileSettings.vue
index bdb6896..3c67a82 100644
--- a/dashboard/src/components/settings/profile/ProfileSettings.vue
+++ b/dashboard/src/components/settings/profile/ProfileSettings.vue
@@ -1,5 +1,5 @@
 <template>
-	<div class="p-5">
+	<div class="profile-settings-container">
 		<AccountProfile />
 	</div>
 </template>
@@ -8,4 +8,17 @@
 import AccountProfile from './AccountProfile.vue';
 
 document.title = '设置 - 个人资料';
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+.profile-settings-container {
+	width: 100%;
+	padding: 24px;
+}
+
+@media (max-width: 768px) {
+	.profile-settings-container {
+		padding: 16px;
+	}
+}
+</style>
\ No newline at end of file