From b1ecd238b24cf030924db011febf3b55a7cce21b Mon Sep 17 00:00:00 2001
From: Raymond Yang <sdc957@gmail.com>
Date: Tue, 27 Jun 2023 16:51:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 44 +++++++++++++++++++++++---------------------
 edit.html     | 38 ++++++++++++++++++++------------------
 new.html      |  2 ++
 3 files changed, 45 insertions(+), 39 deletions(-)
diff --git a/css/style.css b/css/style.css
index 7ce6eb8..95fc1e0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -5,8 +5,7 @@ table {
     width: 100%;
 }
 
-th,
-td {
+th, td {
     padding: 10px 20px;
     border: 1px solid #000;
 }
@@ -42,21 +41,29 @@ h1 {
 }
 
 h2 {
+    text-align: center;
     font-weight: bold;
     font-family: 'Arial Black', system-ui
 }
 
 h3 {
+    text-align: center;
     font-weight: bold;
     font-family: 'Arial Black', system-ui
 }
 
 h4 {
+    text-align: center;
     font-weight: bold;
-    font-family: 'Arial Black', system-ui
+    font-family: 'Arial Black', system-ui;
+    margin-top: 0;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 0;
 }
 
 p {
+    text-align: center;
     font-weight: bold;
     font-family: 'Arial', system-ui
 }
@@ -68,24 +75,19 @@ p {
     font-family: 'Arial', system-ui
 }
 
-.button {
-    width: 30%;
-    height: 30px;
+input[type="text"] {
+    width: 100%;
+    outline: #1aff00;
+}
+
+input[type="number"] {
+    width: 100%;
+    outline: #1aff00;
+}
+
+button {
+    width: 40%;
+    height: 40px;
     font-weight: bold;
     font-family: 'Arial', system-ui
 }
-
-.form_td {
-    padding-top: 5px;
-    padding-bottom: 5px;
-}
-
-.label_title {
-    font-weight: bold;
-    font-family: 'Arial Black', system-ui
-}
-
-.label_content {
-    font-weight: normal;
-    font-family: 'Arial', system-ui
-}
\ No newline at end of file
diff --git a/edit.html b/edit.html
index 3c5ad01..ba38e1f 100644
--- a/edit.html
+++ b/edit.html
@@ -13,72 +13,74 @@
 <body>
     <h1>新增/修改紀錄</h1>
     <hr>
+    <h4>填寫方式：掉刀填0，正常出刀填X周-Y王。傷害依照幹部規定要不要填，如不填可留空</h4>
+    <hr>
     <form id="record-form">
         <table>
             <tr>
-                <td>第1刀正刀</td>
+                <td><h4>第1刀正刀</h4></td>
                 <td>
                     <input type="text" id="knife1_boss" placeholder="x周-y王" />
                 </td>
-                <td>第1刀正刀傷害</td>
+                <td><h4>第1刀正刀傷害</h4></td>
                 <td>
-                    <input type="text" id="knife1_damage" placeholder="ex: 12000000" />
+                    <input type="number" id="knife1_damage" placeholder="ex: 12000000" />
                 </td>
             </tr>
             <tr>
-                <td>第1刀殘刀</td>
+                <td><h4>第1刀殘刀</h4></td>
                 <td>
                     <input type="text" id="knife1c_boss" placeholder="x周-y王" />
                 </td>
-                <td>第1刀殘刀傷害</td>
+                <td><h4>第1刀殘刀傷害</h4></td>
                 <td>
-                    <input type="text" id="knife1c_damage" placeholder="ex: 12000000" />
+                    <input type="number" id="knife1c_damage" placeholder="ex: 12000000" />
                 </td>
             </tr>
         </table>
         <hr />
         <table>
             <tr>
-                <td>第2刀正刀</td>
+                <td><h4>第2刀正刀</h4></td>
                 <td>
                     <input type="text" id="knife2_boss" placeholder="x周-y王" />
                 </td>
-                <td>第2刀正刀傷害</td>
+                <td><h4>第2刀正刀傷害</h4></td>
                 <td>
-                    <input type="text" id="knife2_damage" placeholder="ex: 12000000" />
+                    <input type="number" id="knife2_damage" placeholder="ex: 12000000" />
                 </td>
             </tr>
             <tr>
-                <td>第2刀殘刀</td>
+                <td><h4>第2刀殘刀</h4></td>
                 <td>
                     <input type="text" id="knife2c_boss" placeholder="x周-y王" />
                 </td>
-                <td>第2刀殘刀傷害</td>
+                <td><h4>第2刀殘刀傷害</h4></td>
                 <td>
-                    <input type="text" id="knife2c_damage" placeholder="ex: 12000000" />
+                    <input type="number" id="knife2c_damage" placeholder="ex: 12000000" />
                 </td>
             </tr>
         </table>
         <hr />
         <table>
             <tr>
-                <td>第3刀正刀</td>
+                <td><h4>第3刀正刀</h4></td>
                 <td>
                     <input type="text" id="knife3_boss" placeholder="x周-y王" />
                 </td>
-                <td>第3刀正刀傷害</td>
+                <td><h4>第3刀正刀傷害</h4></td>
                 <td>
-                    <input type="text" id="knife3_damage" placeholder="ex: 12000000" />
+                    <input type="number" id="knife3_damage" placeholder="ex: 12000000" />
                 </td>
             </tr>
             <tr>
-                <td>第3刀殘刀</td>
+                <td><h4>第3刀殘刀</h4></td>
                 <td>
                     <input type="text" id="knife3c_boss" placeholder="x周-y王" />
                 </td>
-                <td>第3刀殘刀傷害</td>
+                <td><h4>第3刀殘刀傷害</h4></td>
                 <td>
-                    <input type="text" id="knife3c_damage" placeholder="ex: 12000000" />
+                    <input type="number" id="knife3c_damage" placeholder="ex: 12000000" />
                 </td>
             </tr>
         </table>
diff --git a/new.html b/new.html
index da2c9ef..9cd70a7 100644
--- a/new.html
+++ b/new.html
@@ -13,6 +13,8 @@
 <body id="body">
   <h1>新增紀錄</h1>
   <hr>
+  <h4>填寫方式：掉刀填0，正常出刀填X周-Y王。傷害依照幹部規定要不要填，如不填可留空</h4>
+  <hr>
   <form id="record-form">
     <table>
       <tr>

第1刀正刀	第1刀正刀		第1刀正刀傷害	第1刀正刀傷害	- +
第1刀殘刀	第1刀殘刀		第1刀殘刀傷害	第1刀殘刀傷害	- +
第2刀正刀	第2刀正刀		第2刀正刀傷害	第2刀正刀傷害	- +
第2刀殘刀	第2刀殘刀		第2刀殘刀傷害	第2刀殘刀傷害	- +
第3刀正刀	第3刀正刀		第3刀正刀傷害	第3刀正刀傷害	- +
第3刀殘刀	第3刀殘刀		第3刀殘刀傷害	第3刀殘刀傷害	- +