From 41a5531dc31a642623f0a7a766fbe9c256ba9247 Mon Sep 17 00:00:00 2001
From: dengjunjie <dengjunjie@hnkhzn.com>
Date: 星期二, 11 二月 2025 13:53:29 +0800
Subject: [PATCH] 优化WMS前端
---
项目代码/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css | 234 ++++++++++++++++++++++++++++++++--------------------------
1 files changed, 129 insertions(+), 105 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css" "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css"
index f8fe18d..9cb4065 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/WMS/WIDESEA_WMSServer/WIDESEA_WMSServer/wwwroot/css/style.css"
@@ -1,132 +1,156 @@
@charset "utf-8";
+
::selection {
- background: #2D2F36;
+ background: #2D2F36;
}
+
::-webkit-selection {
- background: #2D2F36;
+ background: #2D2F36;
}
+
::-moz-selection {
- background: #2D2F36;
+ background: #2D2F36;
}
+
body {
- background: white;
- font-family: 'Inter UI', sans-serif;
- margin: 0;
- padding: 20px;
+ background: white;
+ font-family: 'Inter UI', sans-serif;
+ margin: 0;
+ padding: 20px;
}
+
.page {
- background: #e2e2e5;
- display: flex;
- flex-direction: column;
- height: calc(100% - 40px);
- position: absolute;
- place-content: center;
- width: calc(100% - 40px);
-}
-@media (max-width: 767px) {
- .page {
- height: auto;
- margin-bottom: 20px;
- padding-bottom: 20px;
- }
-}
-.container {
- display: flex;
- height: 320px;
- margin: 0 auto;
- width: 640px;
-}
-@media (max-width: 767px) {
- .container {
+ background: #e2e2e5;
+ display: flex;
flex-direction: column;
- height: 630px;
- width: 320px;
- }
-}
-.left {
- background: white;
- height: calc(100% - 40px);
- top: 20px;
- position: relative;
- width: 50%;
-}
-@media (max-width: 767px) {
- .left {
- height: 100%;
- left: 20px;
+ height: calc(100% - 40px);
+ position: absolute;
+ place-content: center;
width: calc(100% - 40px);
- max-height: 270px;
- }
}
-.login {
- font-size: 33px;
- font-weight: 900;
- margin: 50px 40px 40px;
-}
-.eula {
- color: #999;
- font-size: 14px;
- line-height: 1.5;
- margin: 40px;
-}
-.right {
- background: #474A59;
- box-shadow: 0px 0px 40px 16px rgba(0,0,0,0.22);
- color: #F1F1F2;
- position: relative;
- width: 50%;
-}
+
@media (max-width: 767px) {
- .right {
- flex-shrink: 0;
- height: 100%;
- width: 100%;
- max-height: 350px;
- }
+ .page {
+ height: auto;
+ margin-bottom: 20px;
+ padding-bottom: 20px;
+ }
}
+
+.container {
+ display: flex;
+ height: 320px;
+ margin: 0 auto;
+ width: 640px;
+}
+
+@media (max-width: 767px) {
+ .container {
+ flex-direction: column;
+ height: 630px;
+ width: 320px;
+ }
+}
+
+.left {
+ background: white;
+ height: calc(100% - 40px);
+ top: 20px;
+ position: relative;
+ width: 50%;
+}
+
+@media (max-width: 767px) {
+ .left {
+ height: 100%;
+ left: 20px;
+ width: calc(100% - 40px);
+ max-height: 270px;
+ }
+}
+
+.login {
+ font-size: 33px;
+ font-weight: 900;
+ margin: 50px 40px 40px;
+}
+
+.eula {
+ color: #999;
+ font-size: 14px;
+ line-height: 1.5;
+ margin: 40px;
+}
+
+.right {
+ background: #474A59;
+ box-shadow: 0px 0px 40px 16px rgba(0,0,0,0.22);
+ color: #F1F1F2;
+ position: relative;
+ width: 50%;
+}
+
+@media (max-width: 767px) {
+ .right {
+ flex-shrink: 0;
+ height: 100%;
+ width: 100%;
+ max-height: 350px;
+ }
+}
+
svg {
- position: absolute;
- width: 320px;
+ position: absolute;
+ width: 320px;
}
+
path {
- fill: none;
- stroke: url(#linearGradient);;
- stroke-width: 4;
- stroke-dasharray: 240 1386;
+ fill: none;
+ stroke: url(#linearGradient);
+ ;
+ stroke-width: 4;
+ stroke-dasharray: 240 1386;
}
+
.form {
- margin: 40px;
- position: absolute;
+ margin: 40px;
+ position: absolute;
}
+
label {
- color: #c2c2c5;
- display: block;
- font-size: 14px;
- height: 16px;
- margin-top: 20px;
- margin-bottom: 5px;
+ color: #c2c2c5;
+ display: block;
+ font-size: 14px;
+ height: 16px;
+ margin-top: 20px;
+ margin-bottom: 5px;
}
+
input {
- background: transparent;
- border: 0;
- color: #f2f2f2;
- font-size: 20px;
- height: 30px;
- line-height: 30px;
- outline: none !important;
- width: 100%;
+ background: transparent;
+ border: 0;
+ color: #f2f2f2;
+ font-size: 20px;
+ height: 30px;
+ line-height: 30px;
+ outline: none !important;
+ width: 100%;
}
-input::-moz-focus-inner {
- border: 0;
-}
+
+ input::-moz-focus-inner {
+ border: 0;
+ }
+
#submit {
- color: #707075;
- margin-top: 40px;
- transition: color 300ms;
+ color: #707075;
+ margin-top: 40px;
+ transition: color 300ms;
}
-#submit:focus {
- color: #f2f2f2;
-}
-#submit:active {
- color: #d0d0d2;
-}
\ No newline at end of file
+
+ #submit:focus {
+ color: #f2f2f2;
+ }
+
+ #submit:active {
+ color: #d0d0d2;
+ }
--
Gitblit v1.9.3