From 8aeaacac426a31280614409183007803eaf1e9fd Mon Sep 17 00:00:00 2001
From: Chaos <chaos@nopj.cn>
Date: Tue, 2 Dec 2025 13:20:18 +0800
Subject: [PATCH] =?UTF-8?q?style(layout):=20=E8=B0=83=E6=95=B4=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E6=A0=B7=E5=BC=8F=E7=BB=86?=
 =?UTF-8?q?=E8=8A=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改主内容区域的内边距类名，统一使用 px-4 和 pb-4
- 在用户管理页面容器上添加圆角和隐藏溢出效果
- 为侧边栏添加右侧圆角和隐藏溢出，优化整体视觉效果
- 更新侧边栏标题字体为等宽粗体，调整文字大小和对齐方式
- 为侧边栏菜单添加顶部内边距重置，确保菜单项对齐
- 调整用户表格容器高度为全高，改善响应式表现
- 移除用户表格分页区域不必要的背景色类名重复定义
---
 src/lib/components/layout/app/AppSidebar.svelte | 8 ++++----
 src/lib/components/table/UsersTable.svelte      | 4 ++--
 src/routes/app/+layout.svelte                   | 2 +-
 src/routes/app/settings/auth/users/+page.svelte | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/layout/app/AppSidebar.svelte b/src/lib/components/layout/app/AppSidebar.svelte
index fb06888..c16768a 100644
--- a/src/lib/components/layout/app/AppSidebar.svelte
+++ b/src/lib/components/layout/app/AppSidebar.svelte
@@ -124,14 +124,14 @@
 </script>
 
 
-<aside class="custom-scrollbar h-screen  bg-base-200 flex flex-col ">
-	<div class="flex items-center  h-18 space-x-2 w-full">
+<aside class="custom-scrollbar h-screen  bg-base-200 flex flex-col rounded-r-box overflow-hidden">
+	<div class="flex items-center  h-18  w-full">
 		<div class="space-x-4  pl-6 w-full">
-			<Icon  id="logo" className="inline" size="36"/><h1 class="font-sans text-xs  inline align-bottom">IT Management System</h1>
+			<Icon  id="logo" className="inline" size="36"/><h1 class="font-mono font-bold text-[0.85rem] inline align-bottom">IT Management System</h1>
 		</div>
 	</div>
 	<div class="overflow-y-auto flex-1  ">
-		<ul class="menu bg-base-200  w-64 px-4 pb-4text-base-content  flex-nowrap ">
+		<ul class="menu bg-base-200  w-64 px-4 pb-4 pt-0 text-base-content  flex-nowrap ">
 			{#each menuItems as item (item.id)}
 				<li class="{item.isActive ? 'menu-active' : ''} w-full rounded-box ">
 					{#if item.subItems && item.subItems.length > 0}
diff --git a/src/lib/components/table/UsersTable.svelte b/src/lib/components/table/UsersTable.svelte
index 2ab3c20..dc02ad8 100644
--- a/src/lib/components/table/UsersTable.svelte
+++ b/src/lib/components/table/UsersTable.svelte
@@ -84,7 +84,7 @@
 	];
 </script>
 
-<div class="overflow-x-auto flex-1 bg-base-100 min-h-[300px] ">
+<div class="overflow-x-auto flex-1 bg-base-100 h-full ">
 	<table class="table ">
 		<thead class="z-0">
 		<tr>
@@ -157,7 +157,7 @@
 </div>
 
 {#if users.total > 0}
-	<div class="border-t border-base-200 p-4 flex items-center justify-between bg-base-100">
+	<div class="border-t border-base-200 p-4 flex items-center justify-between bg-base-100 ">
 		<div class="text-sm text-base-content/70">
 			显示 {(users.current - 1) * users.size + 1} 到 {Math.min(users.current * users.size, users.total)} 条，共 {users.total} 条
 		</div>
diff --git a/src/routes/app/+layout.svelte b/src/routes/app/+layout.svelte
index 9ec2b42..cca0ebc 100644
--- a/src/routes/app/+layout.svelte
+++ b/src/routes/app/+layout.svelte
@@ -9,7 +9,7 @@
 	<AppSidebar />
 	<div class="flex-1 flex flex-col min-w-0 overflow-hidden relative h-full">
 		<AppHeader />
-		<main class="flex-1 p-4 ">
+		<main class="flex-1 px-4 pb-4  ">
 			{@render children()}
 		</main>
 	</div>
diff --git a/src/routes/app/settings/auth/users/+page.svelte b/src/routes/app/settings/auth/users/+page.svelte
index b3bce8e..646816d 100644
--- a/src/routes/app/settings/auth/users/+page.svelte
+++ b/src/routes/app/settings/auth/users/+page.svelte
@@ -58,7 +58,7 @@
 	<title>用户管理 | 系统设置</title>
 </svelte:head>
 
-<div class=" h-full  flex flex-col ">
+<div class=" h-full  flex flex-col rounded-box overflow-hidden ">
 	<div class="flex justify-between items-center select-none pb-2">
 		<p class="font-bold text-lg">用户管理</p>
 		<div class="breadcrumbs text-sm text-base-content/70">