优化界面

web/views/@default/@layout.css

@@ -52,20 +52,20 @@
   opacity: 0.1;
 }
 .left-box.tiny {
-  top: 10.5em;
+  top: 10em;
 }
 .left-box.without-tabbar {
   top: 3em;
 }
 .left-box.with-menu {
-  top: 9em;
+  top: 8.7em;
 }
 .left-box.without-menu {
   top: 6em;
 }
 .right-box {
   position: fixed;
-  top: 7.5em;
+  top: 7em;
   bottom: 1.3em;
   right: 0;
   left: 18em;
@@ -73,6 +73,12 @@
   padding-bottom: 2em;
   overflow-y: auto;
 }
+.right-box h4:first-child {
+  margin-top: 1em;
+}
+.right-box > .comment:first-child {
+  margin-top: 0.5em;
+}
 @media screen and (max-width: 512px) {
   .right-box {
     left: 13em;
@@ -83,7 +89,7 @@ body.expanded .right-box {
   left: 10em;
 }
 .right-box.tiny {
-  top: 10.4em;
+  top: 10em;
   left: 26.5em;
 }
 .right-box::-webkit-scrollbar {
@@ -93,7 +99,7 @@ body.expanded .right-box {
   top: 3em;
 }
 .right-box.with-menu {
-  top: 9em;
+  top: 8.6em;
 }
 .right-box.without-menu {
   top: 6em;
@@ -589,13 +595,13 @@ body.expanded .main {
   width: 4px;
 }
 .main .tab-menu {
-  margin-top: 0 !important;
+  margin-top: 0.3em !important;
   margin-bottom: 0 !important;
   overflow-x: auto;
   overflow-y: hidden;
 }
 .main .tab-menu .item {
-  padding: 1em !important;
+  padding: 0 1em !important;
 }
 .main .tab-menu .item var {
   font-style: normal;

web/views/@default/@layout.less

@@ -578,13 +578,13 @@ body.expanded .main {
 
 .main {
 	.tab-menu {
-		margin-top: 0 !important;
+		margin-top: 0.3em !important;
 		margin-bottom: 0 !important;
 		overflow-x: auto;
 		overflow-y: hidden;
 
 		.item {
-			padding: 1em !important;
+			padding: 0 1em !important;
 
 			var {
 				font-style: normal;
@@ -642,7 +642,6 @@ body.expanded .main {
 	}
 }
 
-
 .main .go-top-btn {
 	position: fixed;
 	right: 2.6em;

web/views/@default/@left_menu.css

@@ -52,20 +52,20 @@
   opacity: 0.1;
 }
 .left-box.tiny {
-  top: 10.5em;
+  top: 10em;
 }
 .left-box.without-tabbar {
   top: 3em;
 }
 .left-box.with-menu {
-  top: 9em;
+  top: 8.7em;
 }
 .left-box.without-menu {
   top: 6em;
 }
 .right-box {
   position: fixed;
-  top: 7.5em;
+  top: 7em;
   bottom: 1.3em;
   right: 0;
   left: 18em;
@@ -73,6 +73,12 @@
   padding-bottom: 2em;
   overflow-y: auto;
 }
+.right-box h4:first-child {
+  margin-top: 1em;
+}
+.right-box > .comment:first-child {
+  margin-top: 0.5em;
+}
 @media screen and (max-width: 512px) {
   .right-box {
     left: 13em;
@@ -83,7 +89,7 @@ body.expanded .right-box {
   left: 10em;
 }
 .right-box.tiny {
-  top: 10.4em;
+  top: 10em;
   left: 26.5em;
 }
 .right-box::-webkit-scrollbar {
@@ -93,7 +99,7 @@ body.expanded .right-box {
   top: 3em;
 }
 .right-box.with-menu {
-  top: 9em;
+  top: 8.6em;
 }
 .right-box.without-menu {
   top: 6em;

web/views/@default/@left_menu.css.map

@@ -1 +1 @@
-{"version":3,"sources":["@left_menu.less"],"names":[],"mappings":"AAAA;EACC,UAAA;EACA,eAAA;EACA,UAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,4BAAA;;AAPD,SASC;EACC,qBAAA;;AAVF,SASC,MAGC;EACC,gBAAA;EACA,kBAAA;EACA,4BAAA;;AAfH,SASC,MAGC,MAKC;EACC,kBAAA;EACA,QAAA;EACA,OAAA;EACA,kBAAA;;AArBJ,SASC,MAgBC,MAAK;EACJ,6BAAA;EACA,cAAA;EACA,iBAAA;EACA,wBAAA;EACA,2BAAA;;AA9BH,SASC,MAwBC,MAAK,GACJ;EACC,8BAAA;;AAnCJ,SASC,MA8BC,MAAK,IACJ,KACC;EACC,kBAAA;EACA,mBAAA;EACA,YAAA;EACA,cAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;;AAhDL,SASC,MA6CC;EACC,6BAAA;EACA,0BAAA;EACA,8BAAA;;AAQH,SAAS;EACR,UAAA;;AAGD,SAAS;EACR,YAAA;;AAGD,SAAS;EACR,WAAA;;AAGD,SAAS;EACR,QAAA;;AAGD,SAAS;EACR,QAAA;;AAGD,SAAS;EACR,QAAA;;AAGD;EACC,eAAA;EACA,UAAA;EACA,aAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;;AAGD,mBAAqC;EACpC;IACC,UAAA;IACA,kBAAA;;;AAIF,IAAI,SAAU;EACb,UAAA;;AAGD,UAAU;EACT,WAAA;EACA,YAAA;;AAGD,UAAU;EACT,UAAA;;AAGD,UAAU;EACT,QAAA;;AAGD,UAAU;EACT,QAAA;;AAGD,UAAU;EACT,QAAA;;AAID,KAAK,eAAgB;EACpB,aAAA;;AAID,iBAAiB;EAChB,UAAA","file":"@left_menu.css"}
+{"version":3,"sources":["@left_menu.less"],"names":[],"mappings":"AAAA;EACC,UAAA;EACA,eAAA;EACA,UAAA;EACA,aAAA;EACA,gBAAA;EACA,kBAAA;EACA,4BAAA;;AAPD,SASC;EACC,qBAAA;;AAVF,SASC,MAGC;EACC,gBAAA;EACA,kBAAA;EACA,4BAAA;;AAfH,SASC,MAGC,MAKC;EACC,kBAAA;EACA,QAAA;EACA,OAAA;EACA,kBAAA;;AArBJ,SASC,MAgBC,MAAK;EACJ,6BAAA;EACA,cAAA;EACA,iBAAA;EACA,wBAAA;EACA,2BAAA;;AA9BH,SASC,MAwBC,MAAK,GACJ;EACC,8BAAA;;AAnCJ,SASC,MA8BC,MAAK,IACJ,KACC;EACC,kBAAA;EACA,mBAAA;EACA,YAAA;EACA,cAAA;EACA,YAAA;EACA,kBAAA;EACA,gBAAA;;AAhDL,SASC,MA6CC;EACC,6BAAA;EACA,0BAAA;EACA,8BAAA;;AAQH,SAAS;EACR,UAAA;;AAGD,SAAS;EACR,YAAA;;AAGD,SAAS;EACR,SAAA;;AAGD,SAAS;EACR,QAAA;;AAGD,SAAS;EACR,UAAA;;AAGD,SAAS;EACR,QAAA;;AAGD;EACC,eAAA;EACA,QAAA;EACA,aAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;;AARD,UAUC,GAAE;EACD,eAAA;;AAIF,UAAW,WAAU;EACpB,iBAAA;;AAGD,mBAAqC;EACpC;IACC,UAAA;IACA,kBAAA;;;AAIF,IAAI,SAAU;EACb,UAAA;;AAGD,UAAU;EACT,SAAA;EACA,YAAA;;AAGD,UAAU;EACT,UAAA;;AAGD,UAAU;EACT,QAAA;;AAGD,UAAU;EACT,UAAA;;AAGD,UAAU;EACT,QAAA;;AAID,KAAK,eAAgB;EACpB,aAAA;;AAID,iBAAiB;EAChB,UAAA","file":"@left_menu.css"}

web/views/@default/@left_menu.less

@@ -72,7 +72,7 @@
 }
 
 .left-box.tiny {
-	top: 10.5em;
+	top: 10em;
 }
 
 .left-box.without-tabbar {
@@ -80,7 +80,7 @@
 }
 
 .left-box.with-menu {
-	top: 9em;
+	top: 8.7em;
 }
 
 .left-box.without-menu {
@@ -89,13 +89,21 @@
 
 .right-box {
 	position: fixed;
-	top: 7.5em;
+	top: 7em;
 	bottom: 1.3em;
 	right: 0;
 	left: 18em;
 	padding-right: 2em;
 	padding-bottom: 2em;
 	overflow-y: auto;
+
+	h4:first-child {
+		margin-top: 1em;
+	}
+}
+
+.right-box > .comment:first-child {
+	margin-top: 0.5em;
 }
 
 @media screen and (max-width: 512px) {
@@ -110,7 +118,7 @@ body.expanded .right-box {
 }
 
 .right-box.tiny {
-	top: 10.4em;
+	top: 10em;
 	left: 26.5em;
 }
 
@@ -123,7 +131,7 @@ body.expanded .right-box {
 }
 
 .right-box.with-menu {
-	top: 9em;
+	top: 8.6em;
 }
 
 .right-box.without-menu {

web/views/@default/clusters/cluster/settings/toa/index.html

@@ -3,7 +3,9 @@
 {$template "/left_menu_with_menu"}
 
 <div class="right-box with-menu">
-	<tip-icon content="TCP Option Address(TOA)可以在TCP选项中传递客户端IP，多用在TCP负载均衡的源站需要获取客户端真实IP的场景。<br/><br/>注意：HTTP协议通常不需要此设置。<br/><br/>如需修改配置，请在专业人士指导下操作。"></tip-icon>
+    <first-menu>
+        <menu-item><tip-icon content="TCP Option Address(TOA)可以在TCP选项中传递客户端IP，多用在TCP负载均衡的源站需要获取客户端真实IP的场景。<br/><br/>注意：HTTP协议通常不需要此设置。<br/><br/>如需修改配置，请在专业人士指导下操作。"></tip-icon></menu-item>
+    </first-menu>
 	<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
 		<input type="hidden" name="clusterId" :value="clusterId"/>
 		<csrf-token></csrf-token>

web/views/@default/servers/groups/group/settings/headers/index.html

@@ -3,6 +3,7 @@
 {$template "/left_menu_without_menu"}
 
 <div class="right-box without-menu">
+    <div class="margin"></div>
     <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
         <input type="hidden" name="webId" :value="webId"/>
 	    <http-header-policy-box

web/views/@default/servers/server/settings/common/index.html

@@ -3,6 +3,7 @@
 {$template "/left_menu_with_menu"}
 
 <div class="right-box with-menu">
+    <div class="margin"></div>
     <div :class="{'opacity-mask': hasGroupConfig}">
         <form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
             <csrf-token></csrf-token>

web/views/@default/servers/server/settings/headers/index.html

@@ -3,6 +3,7 @@
 {$template "/left_menu_with_menu"}
 
 <div class="right-box with-menu">
+    <div class="margin"></div>
 	<http-header-policy-box
             :v-request-header-policy="requestHeaderPolicy"
             :v-response-header-policy="responseHeaderPolicy"

web/views/@default/servers/server/settings/locations/@location_menu.html

@@ -1,5 +1,5 @@
 <first-menu>
-	<menu-item :href="'/servers/server/settings/locations?serverId=' + serverId">&laquo; 返回服务设置</menu-item>
+	<menu-item :href="'/servers/server/settings/locations?serverId=' + serverId">&laquo; 返回网站设置</menu-item>
     <span class="item disabled" style="padding-left:0;padding-right:0">|</span>
     <menu-item :href="'/servers/server/settings/locations?serverId=' + serverId">路由规则</menu-item>
     <raquo-item></raquo-item>

web/views/@default/servers/server/settings/locations/headers/index.html

@@ -7,6 +7,7 @@
 	{$template "../left_menu"}
 
 	<div class="right-box tiny">
+        <div class="margin"></div>
 		<form method="post" class="ui form" data-tea-action="$" data-tea-success="success">
 			<input type="hidden" name="webId" :value="webId"/>
 			<http-header-policy-box