jingrow/jcloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

美化设置页面

Browse Source
This commit is contained in:
jingrow 2025-12-30 02:59:23 +08:00
parent 31b392b359
commit 6ff1af8ec0
4 changed files with 24 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
dashboard/src/components/settings/RoleList.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="role-list-container"> <div>
<n-card class="settings-card"> <n-card class="settings-card">
<ObjectList :options="listOptions" /> <ObjectList :options="listOptions" />
</n-card> </n-card>
@ -246,11 +246,6 @@ function configureRole(row) {
</script> </script>
<style scoped> <style scoped>
.role-list-container {
width: 100%;
padding: 0;
}
.settings-card { .settings-card {
border-radius: 12px; 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); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

7
dashboard/src/components/settings/RolePermissions.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="role-permissions-container"> <div>
<div class="mb-5 flex items-center gap-2"> <div class="mb-5 flex items-center gap-2">
<n-tooltip> <n-tooltip>
<template #trigger> <template #trigger>
@ -349,11 +349,6 @@ async function handleAddPermission() {
</script> </script>
<style scoped> <style scoped>
.role-permissions-container {
width: 100%;
padding: 0;
}
.settings-card { .settings-card {
border-radius: 12px; 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); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);

8
dashboard/src/components/settings/SettingsPermissions.vue
View File

@ -9,6 +9,12 @@
<style scoped> <style scoped>
.permissions-settings-container { .permissions-settings-container {
width: 100%; width: 100%;
padding: 0; padding: 24px;
}
@media (max-width: 768px) {
.permissions-settings-container {
padding: 16px;
}
} }
</style> </style>

17
dashboard/src/components/settings/profile/ProfileSettings.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="p-5"> <div class="profile-settings-container">
<AccountProfile /> <AccountProfile />
</div> </div>
</template> </template>
@ -8,4 +8,17 @@
import AccountProfile from './AccountProfile.vue'; import AccountProfile from './AccountProfile.vue';
document.title = '设置 - 个人资料'; document.title = '设置 - 个人资料';
</script> </script>
<style scoped>
.profile-settings-container {
width: 100%;
padding: 24px;
}
@media (max-width: 768px) {
.profile-settings-container {
padding: 16px;
}
}
</style>