From 0bf5f5e8613c4b64488da580c98ef601402c2d1b Mon Sep 17 00:00:00 2001
From: User782Tec <115236204+User782Tec@users.noreply.github.com>
Date: Tue, 24 Jan 2023 10:35:09 +0800
Subject: [PATCH] =?UTF-8?q?commit=20-=20=E4=BC=98=E5=8C=96=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/style/fonts.css | 11 ++++++++---
 desktop.html         |  2 ++
 desktop.js           | 12 ++++++------
 3 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/apps/style/fonts.css b/apps/style/fonts.css
index ba107ef..c966052 100644
--- a/apps/style/fonts.css
+++ b/apps/style/fonts.css
@@ -1,8 +1,13 @@
 /* 这里我对ui做了一些调整 */
 /* 我注意到你的布局居中都是用margin做的，可以在dis:flex的块中加 align-content: space-around; 居中 */
 /* 这个flex-direction: column;的不同设备的兼容性不是很好，可能错位，可以写明确一点来布局 */
+#win-notepad-font>.row {
+    display: flex;
+    justify-content: space-around;
+    height: 266px;
+}
+
 .select-input {
-    margin: 5px 0 5px 11px;
     display: inline-block;
     height: 200px;
 }
@@ -75,7 +80,7 @@
     display: inline-block;
     width: 150px;
     height: 150px;
-    margin: 5px 10px;
+    margin: 5px 10px;;
 }
 
 #win-notepad-font .preview>.preview-box {
@@ -85,7 +90,7 @@
     justify-content: center;
     align-items: center;
     word-break: keep-all;
-    height: 100%;
+    height: 150px;
     text-align: center;
     border: 2px solid #7f7f7f40;
     background: var(--card);
diff --git a/desktop.html b/desktop.html
index b361a43..7c4f4f7 100644
--- a/desktop.html
+++ b/desktop.html
@@ -837,6 +837,7 @@
 			<img src="icon/notepad.png" class="icon">
 		</div>
 		<div class="content" id="win-notepad-font">
+		<div class="row">
 			<div class="select-input" id="win-notepad-font-type">
 				<div class="description">字体</div>
 				<input type="text" />
@@ -894,6 +895,7 @@
 					<a class="option">粗体</a>
 					<a class="option">粗偏斜体</a>
 				</list>
+			</div>
 			</div><br />
 			<div class="preview">
 				<div class="description">
diff --git a/desktop.js b/desktop.js
index 9684fbe..a2636c1 100644
--- a/desktop.js
+++ b/desktop.js
@@ -708,12 +708,12 @@ const styles = {
     '斜体': 'font-style: italic;',
     '粗偏斜体': 'font-weight: bold; font-style: italic;'
 }
-const fontvalues = document.querySelectorAll('#win-notepad-font>#win-notepad-font-type>.value-box>.option');
-const sizevalues = document.querySelectorAll('#win-notepad-font>#win-notepad-font-size>.value-box>.option');
-const stylevalues = document.querySelectorAll('#win-notepad-font>#win-notepad-font-style>.value-box>.option');
-const typeinput = document.querySelector('#win-notepad-font>#win-notepad-font-type>input[type=text]');
-const sizeinput = document.querySelector('#win-notepad-font>#win-notepad-font-size>input[type=text]');
-const styleinput = document.querySelector('#win-notepad-font>#win-notepad-font-style>input[type=text]');
+const fontvalues = document.querySelectorAll('#win-notepad-font>.row>#win-notepad-font-type>.value-box>.option');
+const sizevalues = document.querySelectorAll('#win-notepad-font>.row>#win-notepad-font-size>.value-box>.option');
+const stylevalues = document.querySelectorAll('#win-notepad-font>.row>#win-notepad-font-style>.value-box>.option');
+const typeinput = document.querySelector('#win-notepad-font>.row>#win-notepad-font-type>input[type=text]');
+const sizeinput = document.querySelector('#win-notepad-font>.row>#win-notepad-font-size>input[type=text]');
+const styleinput = document.querySelector('#win-notepad-font>.row>#win-notepad-font-style>input[type=text]');
 for (const elt of fontvalues) {
     elt.onclick = function () {
         typeinput.value = this.innerText;