ui fixes

steve02081504 · Jan 18, 2025 · de382be · de382be
1 parent c689b3b
commit de382be
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 23 deletions.
diff --git a/src/public/home/index.html b/src/public/home/index.html
@@ -23,7 +23,7 @@ <h1 class="text-2xl">角色选择页面</h1>
 							<img src="https://api.iconify.design/line-md/list-3-filled.svg" class="dark:invert" />
 						</div>
 						<ul id="function-buttons-container" tabindex="0"
-							class="dropdown-content z-[1] p-2 shadow-2xl bg-base-300 rounded-box w-52 menu">
+							class="dropdown-content z-[60] p-2 shadow-2xl bg-base-300 rounded-box w-52 menu">
 						</ul>
 					</div>
 				</div>

diff --git a/src/public/shells/AIsourceManage/index.html b/src/public/shells/AIsourceManage/index.html
@@ -12,20 +12,20 @@
 </head>
 
 <body class="bg-base-200">
-	<div class="container mx-auto p-4 flex">
+	<div class="container mx-auto p-4 flex flex-col md:flex-row">
 		<!-- 文件列表区域 -->
-		<div class="w-1/4 pr-4">
+		<div class="w-full md:w-1/4 mb-4">
 			<div class="flex justify-between items-center mb-2">
 				<h2 class="text-xl font-semibold">AI 来源列表</h2>
 				<button id="addFileButton" class="btn btn-sm btn-circle btn-primary">+</button>
 			</div>
-			<div id="fileList" class="file-list bg-base-100 rounded-lg">
+			<div id="fileList" class="file-list bg-base-100 rounded-lg max-h-60 overflow-y-auto">
 				<!-- 文件列表项将会动态生成 -->
 			</div>
 		</div>
 
 		<!-- 编辑区域 -->
-		<div class="w-3/4 pl-4">
+		<div class="w-full md:w-3/4 mb-4">
 			<h2 class="text-xl font-semibold mb-2">AI 来源配置</h2>
 			<!-- 生成器选择 -->
 			<div class="mb-4">

diff --git a/src/public/shells/chat/list/index.html b/src/public/shells/chat/list/index.html
@@ -12,7 +12,7 @@
 
 <body class="bg-base-200">
 	<div class="container mx-auto p-4">
-		<div class="flex justify-between items-center mb-4">
+		<div class="flex justify-between items-center mb-4 flex-wrap">
 			<h1 class="text-2xl">聊天记录</h1>
 			<div class="flex gap-2">
 				<select id="sort-select" class="select select-bordered">

diff --git a/src/public/shells/config/index.html b/src/public/shells/config/index.html
@@ -15,24 +15,26 @@
 	<div class="container mx-auto p-4">
 		<h1 class="text-3xl font-bold mb-4">部件配置</h1>
 
-		<!-- 部件类型选择 -->
-		<div class="mb-4">
-			<label for="partTypeSelect" class="label">
-				<span class="label-text">选择部件类型</span>
-			</label>
-			<select id="partTypeSelect" class="select select-bordered w-full">
-				<option disabled selected>请选择</option>
-			</select>
-		</div>
+		<div class="flex flex-col md:flex-row gap-4 mb-4">
+			<!-- 部件类型选择 -->
+			<div class="w-full md:w-1/2">
+				<label for="partTypeSelect" class="label">
+					<span class="label-text">选择部件类型</span>
+				</label>
+				<select id="partTypeSelect" class="select select-bordered w-full">
+					<option disabled selected>请选择</option>
+				</select>
+			</div>
 
-		<!-- 部件列表 -->
-		<div class="mb-4">
-			<label for="partSelect" class="label">
-				<span class="label-text">选择部件</span>
-			</label>
-			<select id="partSelect" class="select select-bordered w-full" disabled>
-				<option disabled selected>请选择</option>
-			</select>
+			<!-- 部件列表 -->
+			<div class="w-full md:w-1/2">
+				<label for="partSelect" class="label">
+					<span class="label-text">选择部件</span>
+				</label>
+				<select id="partSelect" class="select select-bordered w-full" disabled>
+					<option disabled selected>请选择</option>
+				</select>
+			</div>
 		</div>
 
 		<!-- 编辑区域 -->