style(layout): 调整页面布局和样式细节
- 修改主内容区域的内边距类名,统一使用 px-4 和 pb-4 - 在用户管理页面容器上添加圆角和隐藏溢出效果 - 为侧边栏添加右侧圆角和隐藏溢出,优化整体视觉效果 - 更新侧边栏标题字体为等宽粗体,调整文字大小和对齐方式 - 为侧边栏菜单添加顶部内边距重置,确保菜单项对齐 - 调整用户表格容器高度为全高,改善响应式表现 - 移除用户表格分页区域不必要的背景色类名重复定义
This commit is contained in:
@@ -124,14 +124,14 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<aside class="custom-scrollbar h-screen bg-base-200 flex flex-col ">
|
<aside class="custom-scrollbar h-screen bg-base-200 flex flex-col rounded-r-box overflow-hidden">
|
||||||
<div class="flex items-center h-18 space-x-2 w-full">
|
<div class="flex items-center h-18 w-full">
|
||||||
<div class="space-x-4 pl-6 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>
|
</div>
|
||||||
<div class="overflow-y-auto flex-1 ">
|
<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)}
|
{#each menuItems as item (item.id)}
|
||||||
<li class="{item.isActive ? 'menu-active' : ''} w-full rounded-box ">
|
<li class="{item.isActive ? 'menu-active' : ''} w-full rounded-box ">
|
||||||
{#if item.subItems && item.subItems.length > 0}
|
{#if item.subItems && item.subItems.length > 0}
|
||||||
|
|||||||
@@ -84,7 +84,7 @@
|
|||||||
];
|
];
|
||||||
</script>
|
</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 ">
|
<table class="table ">
|
||||||
<thead class="z-0">
|
<thead class="z-0">
|
||||||
<tr>
|
<tr>
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<AppSidebar />
|
<AppSidebar />
|
||||||
<div class="flex-1 flex flex-col min-w-0 overflow-hidden relative h-full">
|
<div class="flex-1 flex flex-col min-w-0 overflow-hidden relative h-full">
|
||||||
<AppHeader />
|
<AppHeader />
|
||||||
<main class="flex-1 p-4 ">
|
<main class="flex-1 px-4 pb-4 ">
|
||||||
{@render children()}
|
{@render children()}
|
||||||
</main>
|
</main>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -58,7 +58,7 @@
|
|||||||
<title>用户管理 | 系统设置</title>
|
<title>用户管理 | 系统设置</title>
|
||||||
</svelte:head>
|
</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">
|
<div class="flex justify-between items-center select-none pb-2">
|
||||||
<p class="font-bold text-lg">用户管理</p>
|
<p class="font-bold text-lg">用户管理</p>
|
||||||
<div class="breadcrumbs text-sm text-base-content/70">
|
<div class="breadcrumbs text-sm text-base-content/70">
|
||||||
|
|||||||
Reference in New Issue
Block a user