refactor: 优化后台表单中 Slug 生成按钮的布局与显示样式

src/routes/admin/categories/+page.svelte

@@ -53,27 +53,27 @@
 				/>
 			</div>
 			<div class="form-group">
-				<label for="slug">别名</label>
+				<div
-				<div style="display: flex; gap: 0.5rem; align-items: center;">
+					style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;"
-					<input
+				>
-						type="text"
+					<label for="slug" style="margin: 0;">别名</label>
-						id="slug"
-						name="slug"
-						bind:value={slug}
-						oninput={handleSlugInput}
-						placeholder="例如: tech-sharing"
-						style="flex: 1;"
-					/>
 					<button
 						type="button"
 						class="btn btn-secondary"
-						style="padding: 0.4rem 0.6rem; cursor: pointer;"
+						style="padding: 0.2rem 0.6rem; font-size: 0.8rem; cursor: pointer;"
-						title="生成英文 Slug"
 						onclick={() => slugHandler.forceGenerate(name)}
 					>
-						🔄
+						重新生成
 					</button>
 				</div>
+				<input
+					type="text"
+					id="slug"
+					name="slug"
+					bind:value={slug}
+					oninput={handleSlugInput}
+					placeholder="例如: tech-sharing"
+				/>
 			</div>
 			<button type="submit" class="btn btn-primary">创建</button>
 		</form>

src/routes/admin/pages/new/+page.svelte

@@ -107,11 +107,10 @@
 					<button
 						type="button"
 						class="btn btn-secondary"
-						style="padding: 0.2rem 0.5rem; font-size: 0.8rem; cursor: pointer;"
+						style="padding: 0.2rem 0.6rem; font-size: 0.8rem; cursor: pointer;"
-						title="生成英文 Slug"
 						onclick={() => slugHandler.forceGenerate(title)}
 					>
-						🔄 生成
+						重新生成
 					</button>
 				</div>
 				<input

src/routes/admin/posts/new/+page.svelte

@@ -517,11 +517,11 @@
 					<button
 						type="button"
 						class="btn btn-secondary"
-						style="padding: 0.2rem 0.5rem; font-size: 0.8rem; cursor: pointer;"
+						style="padding: 0.2rem 0.6rem; font-size: 0.8rem; cursor: pointer;"
 						title="生成英文 Slug"
 						onclick={() => slugHandler.forceGenerate(title)}
 					>
-						🔄 生成
+						重新生成
 					</button>
 				</div>
 				<input

src/routes/admin/series/+page.svelte

@@ -47,27 +47,27 @@
 				required
 			/>
 
-			<label for="slug">URL 别名 *</label>
+			<div
-			<div style="display: flex; gap: 0.5rem; align-items: center; margin-bottom: 1rem;">
+				style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;"
-				<input
+			>
-					id="slug"
+				<label for="slug" style="margin: 0;">URL 别名 *</label>
-					name="slug"
-					type="text"
-					bind:value={slug}
-					oninput={handleSlugInput}
-					required
-					style="flex: 1;"
-				/>
 				<button
 					type="button"
 					class="btn btn-secondary"
-					style="padding: 0.4rem 0.6rem; cursor: pointer;"
+					style="padding: 0.2rem 0.6rem; font-size: 0.8rem; cursor: pointer;"
-					title="生成英文 Slug"
 					onclick={() => slugHandler.forceGenerate(name)}
 				>
-					🔄
+					重新生成
 				</button>
 			</div>
+			<input
+				id="slug"
+				name="slug"
+				type="text"
+				bind:value={slug}
+				oninput={handleSlugInput}
+				required
+			/>
 
 			<label for="description">描述</label>
 			<textarea