xinyouhe/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
浅念
2025-06-16 14:05:43 +08:00
parent 0e1f0c47fa
commit 7957712582
1 changed files with 49 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+49 -34
View File
@@ -31,6 +31,7 @@ body {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
} }
.cont { .cont {
color: white; color: white;
} }
@@ -57,8 +58,6 @@ body {
top: 97px; top: 97px;
left: 0px; left: 0px;
width: 370px; width: 370px;
/* min-width: 370px; */
/* width: 20%; */
} }
.right { .right {
@@ -69,8 +68,6 @@ body {
top: 97px; top: 97px;
right: 0px; right: 0px;
width: 370px; width: 370px;
/* min-width: 370px; */
/* width: 20%; */
} }
.toggle2 { .toggle2 {
@@ -121,8 +118,6 @@ body {
color: white; color: white;
} }
.times { .times {
position: absolute; position: absolute;
/* opacity: 0; */ /* opacity: 0; */
@@ -396,7 +391,7 @@ body {
.select-selected:after { .select-selected:after {
content: "▼"; content: "▼";
font-size: 0.75rem; font-size: 0.75rem;;
color: #6c757d; color: #6c757d;
} }
@@ -477,17 +472,17 @@ body {
} }
.carmsg p{ .carmsg p{
font-size: 0.875rem; font-size: 0.875rem;
color: #666; line-height: 35px;
margin-bottom: 4px;
background: linear-gradient(to bottom, #fff, rgb(6 244 255)); background: linear-gradient(to bottom, #fff, rgb(6 244 255));
-webkit-background-clip: text; -webkit-background-clip: text;
background-clip: text; background-clip: text;
color: transparent;
} }
.cartitle{ .cartitle{
padding-top: 20px; padding-top: 20px;
height:85px; height:85px;
text-align: center; text-align: center;
font-size: 1rem; font-size: 1.0625rem;
font-weight: bold; font-weight: bold;
background: linear-gradient(to bottom, #fff, rgb(6 244 255)); background: linear-gradient(to bottom, #fff, rgb(6 244 255));
-webkit-background-clip: text; -webkit-background-clip: text;
@@ -495,8 +490,6 @@ body {
color: transparent; color: transparent;
} }
.toggle-btn { .toggle-btn {
font-size: 0.875rem; font-size: 0.875rem;
display: inline-block; display: inline-block;
@@ -558,6 +551,7 @@ body {
align-items: center; align-items: center;
font-size: 0.75rem; font-size: 0.75rem;
padding: 5px 5px; padding: 5px 5px;
background: linear-gradient(to bottom, #1487ea, #0a43bc);
color: #fff; color: #fff;
border: none; border: none;
border-radius: 4px; border-radius: 4px;
@@ -619,13 +613,16 @@ body {
} }
.modal-title { .modal-title {
flex: 1;
text-align: center;
font-size: 1.25rem; font-size: 1.25rem;
font-weight: bold; font-weight: bold;
color: #333; /* background: linear-gradient(to bottom, #fff, rgb(6 244 255)); */
margin: 0; /* -webkit-background-clip: text; */
/* background-clip: text; */
/* color: transparent; */
} }
.modal-tabs { .modal-tabs {
display: flex; display: flex;
gap: 10px; gap: 10px;
@@ -693,7 +690,6 @@ body {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
font-size: 0.875rem; font-size: 0.875rem;
/* font-size: clamp(10px, 1vw, 26px); */
} }
.modal-table thead { .modal-table thead {
@@ -762,10 +758,12 @@ body {
} }
.ship-header h3 { .ship-header h3 {
font-size: 1.125rem;
font-weight: bold;
margin: 0; margin: 0;
color: #333; font-size: 1.125rem;
background: linear-gradient(to bottom, #fff, rgb(6 244 255));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
} }
.ship-status { .ship-status {
@@ -777,9 +775,9 @@ body {
} }
.ship-details { .ship-details {
font-size: clamp(0.75rem, 1vw, 1.875rem);
display: grid; display: grid;
gap: 10px; gap: 10px;
font-size: clamp(0.75rem, 1vw, 1.875rem);
} }
.detail-item { .detail-item {
@@ -791,12 +789,12 @@ body {
.detail-item .label { .detail-item .label {
font-size: 0.875rem; font-size: 0.875rem;
color: #666; color: rgba(255, 255, 255, 0.7);
} }
.detail-item .value { .detail-item .value {
font-size: 0.875rem; font-size: 0.875rem;
color: #333; color: #fff;
font-weight: 500; font-weight: 500;
} }
@@ -865,9 +863,14 @@ body {
} }
.route-time { .route-time {
font-size: 0.75rem; font-size: 0.875rem;
color: #666; width: 120px;
margin-bottom: 4px; padding-right: 20px;
text-align: right;
color: #06f4ff;
font-weight: 500;
text-shadow: 0 0 10px rgba(6, 244, 255, 0.3);
transition: all 0.3s ease;
} }
.route-item:hover .route-time { .route-item:hover .route-time {
@@ -914,21 +917,33 @@ body {
} }
.route-title { .route-title {
font-size: 0.875rem; font-size: 1.125rem;
font-weight: 500; font-weight: bold;
color: #333; margin-bottom: 10px;
margin-bottom: 4px; background: linear-gradient(to bottom, #fff, rgb(6 244 255));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
transition: all 0.3s ease;
} }
.route-desc { .route-desc {
font-size: 0.75rem; font-size: 0.875rem;
color: #666; color: rgba(255, 255, 255, 0.7);
margin-bottom: 4px; margin-bottom: 12px;
line-height: 1.5;
} }
.route-status { .route-status {
font-size: 0.75rem; font-size: 0.75rem;
color: #666; display: inline-block;
padding: 6px 12px;
background: linear-gradient(45deg, #06f4ff, #00c6ff);
color: #142c64;
border-radius: 20px;
font-weight: 500;
box-shadow: 0 2px 8px rgba(6, 244, 255, 0.3);
transition: all 0.3s ease;
} }
.route-item:hover .route-status { .route-item:hover .route-status {
@@ -1125,7 +1140,7 @@ body {
} }
.infotimes{ .infotimes{
display: flex; display: flex;
margin-top: 25px; margin-top: 10px;
} }
.infotimes div{ .infotimes div{
width: 49%; width: 49%;