opt: uninstall button

This commit is contained in:
KOWX712
2025-02-21 03:34:30 +08:00
parent a8e388d4cf
commit a9d6833342
2 changed files with 12 additions and 5 deletions

View File

@@ -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>

View File

@@ -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;