From 687924a455e5aa21a24079c501b119c1bccd357e Mon Sep 17 00:00:00 2001
From: itorr <itorrrrrr@me.com>
Date: Fri, 12 Aug 2022 15:35:15 +0800
Subject: [PATCH] =?UTF-8?q?=E7=95=8C=E9=9D=A2=E6=95=B4=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html/document.less |  9 ++++++++-
 html/index.html    | 30 ++++++++++++++++++------------
 2 files changed, 26 insertions(+), 13 deletions(-)

diff --git a/html/document.less b/html/document.less
index cdd4922..cf2e47b 100644
--- a/html/document.less
+++ b/html/document.less
@@ -13,7 +13,7 @@ button{
     cursor: pointer;
 }
 a{
-    color:midnightblue;
+    color: #666;
     text-decoration: none;
 }
 header{
@@ -100,6 +100,13 @@ canvas{
     }
 }
 .config-box{
+    // font-family: monospace;
+}
+input[type="range"]{
+    display: block;
+    margin:0 auto;
+    width:300px;
+    max-width:100%;
 }
 /* .app[data-cover="true"] canvas{
 	width:480px;
diff --git a/html/index.html b/html/index.html
index 458ab1d..46a6606 100644
--- a/html/index.html
+++ b/html/index.html
@@ -64,10 +64,10 @@
 	
 				<div class="label-box" style="padding:4px 0;">
 					<label>
-						<input type="checkbox" v-model="style.black">铺调子
+						<input type="checkbox" v-model="style.black">调子
 					</label>
 					<label>
-						<input type="checkbox" v-model="style.cover">方形封面
+						<input type="checkbox" v-model="style.cover">方形
 					</label>
 					<label>
 						<input type="checkbox" v-model="style.kuma">Kiss
@@ -77,7 +77,7 @@
 					</label>
 					
 					<label>
-						<input type="checkbox" v-model="style.hajimei" :disabled="!style.watermark">初回限定
+						<input type="checkbox" v-model="style.hajimei" :disabled="!style.watermark">初回
 					</label>
 				</div>
 	
@@ -110,23 +110,29 @@
 						min="0" max="128" step="1">
 					<span v-text="style.lightCut"></span>
 				</div> -->
-				<div class="label-box" style="padding:4px 0;">
-					<b>线迹轻重</b>
+				<div class="label-box range-box" style="padding:4px 0;">
+					<div class="head">
+						<b>线迹轻重</b>
+						<span v-text="style.darkCut"></span>
+					</div>
 					<input type="range" v-model.number="style.darkCut"
 						min="80" max="126" step="1">
-					<span v-text="style.darkCut"></span>
 				</div>
-				<div class="label-box" style="padding:4px 0;">
-					<b>调子数量</b>
+				<div class="label-box range-box" style="padding:4px 0;">
+					<div class="head">
+						<b>调子数量</b>
+						<span v-text="style.blackLimit"></span>
+					</div>
 					<input type="range" v-model.number="style.blackLimit"
 						min="20" max="140" step="1">
-					<span v-text="style.blackLimit"></span>
 				</div>
-				<div class="label-box" style="padding:4px 0;">
-					<b>调子轻重</b>
+				<div class="label-box range-box" style="padding:4px 0;">
+					<div class="head">
+						<b>调子轻重</b>
+						<span v-text="style.blackLight"></span>
+					</div>
 					<input type="range" v-model.number="style.blackLight"
 						min="10" max="70" step="1">
-					<span v-text="style.blackLight"></span>
 				</div>
 				<!-- <div class="label-box" style="padding:4px 0;">
 					<label>