From a9d68333421a867534b8fdfbc7ad1a6476c77977 Mon Sep 17 00:00:00 2001
From: KOWX712 <leecc0503@gmail.com>
Date: Fri, 21 Feb 2025 03:34:30 +0800
Subject: [PATCH] opt: uninstall button

---
 module/webui/index.html        |  2 +-
 module/webui/styles/global.css | 15 +++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/module/webui/index.html b/module/webui/index.html
index 93981e2..32ce707 100644
--- a/module/webui/index.html
+++ b/module/webui/index.html
@@ -335,7 +335,7 @@
     <!-- Footer -->
     <div class="footer">
         <div class="uninstall-container ripple-element hidden-uninstall">
-            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FFFFFF"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" /></svg>
+            <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#FF3636"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z" /></svg>
             <span data-i18n="functional_button.uninstall_webui"></span>
         </div>
     </div>
diff --git a/module/webui/styles/global.css b/module/webui/styles/global.css
index 83b7c06..9ae1140 100644
--- a/module/webui/styles/global.css
+++ b/module/webui/styles/global.css
@@ -73,17 +73,20 @@ body {
 
 .footer {
     display: flex;
-    justify-content: flex-end;
-    max-width: 1100px;
+    justify-content: center;
     margin-bottom: 70px;
 }
 
 .uninstall-container {
     padding: 12px;
+    width: calc(100% - 30px);
+    max-width: 900px;
     display: flex;
+    justify-content: center;
     align-items: center;
     border-radius: 12px;
-    background-color: #CE0000;
+    border: 3px solid #FF3636;
+    background-color: #F5F5F5;
     white-space: nowrap;
     overflow: hidden;
     user-select: none;
@@ -96,7 +99,7 @@ body {
 .uninstall-container span {
     font-size: 16px;
     font-weight: bold;
-    color: #fff;
+    color: #FF3636;
 }
 
 .uninstall-container.hidden-uninstall {
@@ -266,6 +269,10 @@ body {
         color: #fff;
     }
 
+    .uninstall-container {
+        background-color: #121212;
+    }
+
     .file-selector {
         background-color: #343434;
         color: #fff;