优化界面

This commit is contained in:
GoEdgeLab
2023-05-28 14:41:38 +08:00
parent 748a48dca0
commit 218e9be783
12 changed files with 49 additions and 24 deletions

View File

@@ -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;

File diff suppressed because one or more lines are too long

View File

@@ -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;

View File

@@ -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;

View File

@@ -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"}

View File

@@ -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 {

View File

@@ -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>

View File

@@ -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

View File

@@ -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>

View File

@@ -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"

View File

@@ -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>

View File

@@ -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