修改并复用了样式

2023-12-17 01:08:32 +00:00
parent 09edd8de81
commit 5d120e7439
7 changed files with 130 additions and 577 deletions
--- a/frontend/Web/admin.html
+++ b/frontend/Web/admin.html
@ -3,122 +3,8 @@
 <head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Admin Panel - ZYM's Book Store</title>
+  <link rel="stylesheet" href="basic.css">
  <style>
-    body {
-      margin: 0;
-      font-family: Arial, sans-serif;
-    }
-
-    header {
-      background-color: #333;
-      color: #fff;
-      padding: 10px 0;
-      text-align: center;
-    }
-
-    .user-bar {
-      float: right;
-      padding: 10px;
-      background-color: #007bff;
-    }
-
-    .user-bar span {
-      margin-right: 20px; /* Add spacing between "Welcome, Guest" and "Actions" */
-    }
-
-    .user-bar a {
-      color: #fff;
-      margin-right: 10px;
-      text-decoration: none;
-    }
-
-    .user-bar a:hover {
-      text-decoration: underline;
-    }
-
-    .action-button-container {
-      display: inline-block;
-    }
-
-    .action-button {
-      padding: 10px 15px;
-      background-color: #007bff;
-      color: #fff;
-      border: 2px solid #0056b3; /* Dark blue border */
-      border-radius: 5px; /* Rounded corners */
-      cursor: pointer;
-      display: inline-block;
-    }
-
-    .action-button:hover,
-    .dropdown-content:hover {
-      background-color: #87CEFA; /* Light blue background on hover */
-    }
-
-    .dropdown {
-      position: relative;
-      display: inline-block;
-    }
-
-    .dropdown-content {
-      display: none;
-      position: absolute;
-      background-color: #87CEFA; /* Light blue background */
-      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
-      z-index: 1;
-      max-width: 150px;
-      right: 0;
-      top: 100%; /* Position below the action button */
-    }
-
-    .dropdown-content a {
-      display: block;
-      padding: 10px;
-      text-decoration: none;
-      color: #333;
-      text-align: center; /* Horizontally center the text */
-      width: 100%; /* Make the width 100% */
-      box-sizing: border-box; /* Include padding in the width */
-    }
-
-    .dropdown-content a:hover {
-      background-color: #ddd;
-    }
-
-    .dropdown:hover .dropdown-content {
-      display: block;
-    }
-
-    .main-content {
-      height: 80vh;
-      display: flex;
-    }
-
-    nav {
-      width: 200px;
-      background-color: #f4f4f4;
-      padding: 20px;
-      height: 80vh;
-    }
-
-    nav a {
-      display: block;
-      padding: 10px;
-      margin-bottom: 10px;
-      text-decoration: none;
-      color: #333;
-      border-radius: 5px;
-      transition: background-color 0.3s ease;
-    }
-
-    nav a:hover {
-      background-color: #ddd;
-    }
-
-    .content {
-      flex: 1;
-      padding: 20px;
-    }
    .passwd-box {
            width: 300px;
            padding: 20px;