misc: unify button styling

This commit is contained in:
KOWX712
2025-02-22 21:42:40 +08:00
parent ddeb13c5e2
commit b7b5c2c1f0
2 changed files with 12 additions and 22 deletions
+11 -21
View File
@@ -59,10 +59,10 @@
.update-menu { .update-menu {
position: relative; position: relative;
width: 90vw; width: calc(90% - 60px);
max-width: 800px; max-width: 800px;
background-color: white; background-color: white;
padding: 10px 0; padding: 30px;
border-radius: 15px; border-radius: 15px;
text-align: left; text-align: left;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
@@ -79,10 +79,6 @@
color: #ccc; color: #ccc;
} }
.update-content {
padding: 0 30px;
}
.update-content h3 { .update-content h3 {
font-size: 22px; font-size: 22px;
margin: 0; margin: 0;
@@ -115,33 +111,28 @@
.update-button-container { .update-button-container {
width: 100%; width: 100%;
padding-top: 10px; margin-top: 20px;
display: flex; display: flex;
justify-content: flex-end; justify-content: center;
} }
.install, .install,
.reboot { .reboot {
display: none; display: none;
margin-top: 10px; justify-content: center;
margin-bottom: 15px;
font-weight: bold; font-weight: bold;
color: #333; background-color: #ddd;
background-color: #fff; width: 100%;
border: none; border: none;
padding: 10px 15px; padding: 12px;
border: 1px solid #3B3B3B; border-radius: 12px;
border-radius: 50px 50px;
font-size: 18px; font-size: 18px;
position: relative;
overflow: hidden;
user-select: none; user-select: none;
} }
.reboot { .reboot {
color: #fff; color: #fff;
background-color: #007bff; background-color: #007bff;
border: 1px solid #007bff;
} }
.card { .card {
@@ -352,9 +343,8 @@
} }
.install { .install {
color: #eee; background-color: #6E6E6E;
background-color: #343434; color: white;
border: 1px solid #C2C2C2;
} }
.update-menu { .update-menu {
+1 -1
View File
@@ -28,7 +28,7 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
opacity: 0; opacity: 0;
padding: 12px 24px; padding: 10px 20px;
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
transition: transform 0.4s ease; transition: transform 0.4s ease;