完成管理端代码

This commit is contained in:
2024-06-14 17:51:13 +08:00
parent cfbaf585a7
commit 963a80a670
18 changed files with 384 additions and 233 deletions

View File

@@ -81,7 +81,7 @@ header {
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
right: 0; /* 确保下拉菜单靠右对齐 */
right: 0;
}
.dropdown-content a {
@@ -130,6 +130,21 @@ th {
background-color: #f2f2f2;
}
.flight-row {
transition: transform 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease;
}
.flight-row:hover {
transform: scale(1.02);
box-shadow: 0 0 10px rgba(28, 108, 178, 0.5);
border-radius: 10px;
}
.flight-info th, .flight-info td {
padding: 10px;
border: 1px solid #ccc;
}
.no-results {
text-align: center;
color: red;
@@ -144,7 +159,7 @@ footer {
padding: 10px 0;
width: 100%;
position: relative;
margin-top: auto; /* 将footer推到页面底部 */
margin-top: auto;
}
.content {
@@ -153,70 +168,28 @@ footer {
border-radius: 10px;
text-align: center;
width: 80%;
max-width: 800px;
margin: 20px auto;
position: relative;
}
.tabcontent {
display: block;
padding: 20px;
}
.form-row {
display: flex;
justify-content: flex-start; /* Left-align the form items */
.form-group {
margin-bottom: 15px;
text-align: left;
}
.form-row label {
flex: 0 0 120px; /* Fixed width for labels */
margin-right: 10px;
text-align: right;
line-height: 32px;
.form-group label {
display: block;
margin-bottom: 5px;
}
.form-row input,
.form-row select {
flex: 1;
.form-group input {
width: 100%;
padding: 8px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
.form-row.form-row-center {
justify-content: center; /* Center-align the button */
}
.passenger-input {
display: flex;
align-items: center;
gap: 5px;
}
.passenger-input button {
padding: 5px 10px;
font-size: 18px;
background-color: #1c6cb2;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.passenger-input button:hover {
background-color: #155a8c;
}
.passenger-input input {
width: 50px;
text-align: center;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
}
.btn {
padding: 10px 20px;
background-color: #1c6cb2;
@@ -231,21 +204,3 @@ footer {
.btn:hover {
background-color: #155a8c;
}
.error-message {
color: red;
font-size: 12px;
margin-top: 5px;
text-align: left;
}
/* Add animations for flight rows */
.flight-row {
transition: transform 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease;
}
.flight-row:hover {
transform: scale(1.02);
box-shadow: 0 0 10px rgba(28, 108, 178, 0.5);
border-radius: 10px;
}