From 14754d89451e19fb0998e5b3b88546cff693250e Mon Sep 17 00:00:00 2001
From: Lize Wu <retniw72@gmail.com>
Date: Tue, 23 Jan 2024 11:42:06 +0800
Subject: [PATCH] =?UTF-8?q?p=5Fsp5=20=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/boca.css             | 18 ++++++++----------
 css/boca_personal.css    | 18 ++++++++----------
 p_sp5.html               | 14 ++++++++------
 sass/page/_template.scss | 24 ++++++++++++++----------
 4 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/css/boca.css b/css/boca.css
index 411e62c..8ad5ec7 100644
--- a/css/boca.css
+++ b/css/boca.css
@@ -11084,9 +11084,7 @@ b.B {
   background: linear-gradient(to left in oklab, oklch(0.51 0.21 29.53) 0%, #f1401c 100%);
   color: #fff;
   padding: 0.5em 1.5em;
-  text-align: center;
-  font-weight: bold;
-  font-size: 1.125em;
+  text-align: right;
 }
 .ID_cards .ID_info {
   display: flex;
@@ -11096,8 +11094,10 @@ b.B {
 }
 .ID_cards .ID_info .foto {
   flex: 0 0 40%;
-  border: solid 1px #ddd;
+  box-shadow: 0 0 0 1px #ddd;
   position: relative;
+  background: red;
+  line-height: 0;
 }
 .ID_cards .ID_info .foto img {
   height: 100%;
@@ -11112,6 +11112,7 @@ b.B {
   color: #fff;
   background: #000;
   transform: translate(-50%, -50%);
+  line-height: 1.5;
 }
 .ID_cards .ID_info .foto.passed span {
   display: none;
@@ -11128,13 +11129,12 @@ b.B {
 }
 .ID_cards .ID_info .content .note {
   display: block;
-  padding: 0.25em 1em;
+  padding: 0.25em 0;
   color: #bf0000;
-  border: 1px solid #bf0000;
   text-align: center;
   font-weight: bold;
-  border-radius: 2em;
-  margin: 0 0.75em;
+  font-size: 2.75em;
+  letter-spacing: 6px;
 }
 .ID_cards .ID_info .content ul {
   font-size: 112.5%;
@@ -11160,8 +11160,6 @@ b.B {
 }
 .ID_cards .col.complete .note {
   color: #222;
-  background: #eee;
-  border: 1px solid #eee;
 }
 .ID_cards .col.complete .foto span {
   color: #222;
diff --git a/css/boca_personal.css b/css/boca_personal.css
index fb9658d..dc085c5 100644
--- a/css/boca_personal.css
+++ b/css/boca_personal.css
@@ -11084,9 +11084,7 @@ b.B {
   background: linear-gradient(to left in oklab, oklch(0.51 0.21 29.53) 0%, #f1401c 100%);
   color: #fff;
   padding: 0.5em 1.5em;
-  text-align: center;
-  font-weight: bold;
-  font-size: 1.125em;
+  text-align: right;
 }
 .ID_cards .ID_info {
   display: flex;
@@ -11096,8 +11094,10 @@ b.B {
 }
 .ID_cards .ID_info .foto {
   flex: 0 0 40%;
-  border: solid 1px #ddd;
+  box-shadow: 0 0 0 1px #ddd;
   position: relative;
+  background: red;
+  line-height: 0;
 }
 .ID_cards .ID_info .foto img {
   height: 100%;
@@ -11112,6 +11112,7 @@ b.B {
   color: #fff;
   background: #000;
   transform: translate(-50%, -50%);
+  line-height: 1.5;
 }
 .ID_cards .ID_info .foto.passed span {
   display: none;
@@ -11128,13 +11129,12 @@ b.B {
 }
 .ID_cards .ID_info .content .note {
   display: block;
-  padding: 0.25em 1em;
+  padding: 0.25em 0;
   color: #bf0000;
-  border: 1px solid #bf0000;
   text-align: center;
   font-weight: bold;
-  border-radius: 2em;
-  margin: 0 0.75em;
+  font-size: 2.75em;
+  letter-spacing: 6px;
 }
 .ID_cards .ID_info .content ul {
   font-size: 112.5%;
@@ -11160,8 +11160,6 @@ b.B {
 }
 .ID_cards .col.complete .note {
   color: #222;
-  background: #eee;
-  border: 1px solid #eee;
 }
 .ID_cards .col.complete .foto span {
   color: #222;
diff --git a/p_sp5.html b/p_sp5.html
index 9e25b61..289278a 100644
--- a/p_sp5.html
+++ b/p_sp5.html
@@ -138,12 +138,12 @@ <h2 class="title">網路填表</h2>
                                     <div class="ID_info">
                                         <div class="content">
                                             <b>申請人 1</b>
-                                            <span class="note">已完成</span>
                                             <ul>
                                                 <li>張大毛</li>
-                                                <li>A1234556789</li>
-                                                <li>050/01/01</li>
+                                                <!-- <li>A1234556789</li>
+                                                <li>050/01/01</li> -->
                                             </ul>
+                                            <span class="note">已完成</span>
                                         </div>
                                         <div class="foto passed">
                                             <span>已上傳照片</span>
@@ -159,10 +159,10 @@ <h2 class="title">網路填表</h2>
                                     <div class="ID_info">
                                         <div class="content">
                                             <b>申請人 2</b>
-                                            <span class="note">未完成</span>
                                             <ul>
                                                 <li>請填寫內容</li>
                                             </ul>
+                                            <span class="note">未完成</span>
                                         </div>
                                         <div class="foto passed">
                                             <span>已上傳照片</span>
@@ -182,9 +182,10 @@ <h2 class="title">網路填表</h2>
                                             <!-- <span class="note">已完成</span> -->
                                             <ul>
                                                 <li>張三毛</li>
-                                                <li>A1234556789</li>
-                                                <li>050/01/01</li>
+                                                <!-- <li>A1234556789</li>
+                                                <li>050/01/01</li> -->
                                             </ul>
+                                            <span class="note">已完成</span>
                                         </div>
                                         <div class="foto">
                                             <span>現場繳交照片</span>
@@ -205,6 +206,7 @@ <h2 class="title">網路填表</h2>
                                             <ul>
                                                 <li>請填寫內容</li>
                                             </ul>
+                                            <span class="note">未完成</span>
                                         </div>
                                         <div class="foto">
                                             <span>未上傳照片</span>
diff --git a/sass/page/_template.scss b/sass/page/_template.scss
index fb2e886..dbae28a 100644
--- a/sass/page/_template.scss
+++ b/sass/page/_template.scss
@@ -2474,9 +2474,7 @@ b.B {
         background: linear-gradient(to left in oklab, oklch(0.51 0.21 29.53) 0%, #f1401c 100%);
         color: #fff;
         padding: .5em 1.5em;
-        text-align: center;
-        font-weight: bold;
-        font-size: 1.125em;
+        text-align: right;
     }
     .ID_info{
         display:flex;
@@ -2485,8 +2483,11 @@ b.B {
         padding: 2.2em 1.5em 1em;
         .foto{
             flex: 0 0 40%;
-            border: solid 1px #ddd;
+            // border: solid 1px #ddd;
+            box-shadow: 0 0 0 1px #ddd;
             position: relative;
+            background: red;
+            line-height: 0;
             img{
                 height: 100%;
             }
@@ -2500,6 +2501,7 @@ b.B {
                 color: #fff;
                 background: #000;
                 transform: translate(-50%, -50%);
+                line-height: 1.5;
             }
             &.passed{
                 span{
@@ -2518,13 +2520,15 @@ b.B {
             }
             .note{
                 display: block;
-                padding: .25em 1em;
+                padding: .25em 0;
                 color: #bf0000;
-                border: 1px solid #bf0000;
+                // border: 1px solid #bf0000;
                 text-align: center;
                 font-weight: bold;
-                border-radius: 2em;
-                margin: 0 .75em;
+                font-size: 2.75em;
+                letter-spacing: 6px;
+                // border-radius: 2em;
+                // margin: 0 .75em;
             }
             ul{
                 font-size: 112.5%;
@@ -2552,8 +2556,8 @@ b.B {
         }
         .note{
             color: #222;
-            background: #eee;
-            border: 1px solid #eee;
+            // background: #eee;
+            // border: 1px solid #eee;
         }
         .foto{
             span{