Improved design
pull/19/head
Aidaho12 2018-03-26 15:17:30 +06:00
parent 649f28f998
commit 71adfb42c7
4 changed files with 7 additions and 13 deletions

View File

@ -153,7 +153,7 @@ def head(title):
'<body>' '<body>'
'<a name="top"></a>' '<a name="top"></a>'
'<div class="show_menu" style="display: none;">' '<div class="show_menu" style="display: none;">'
'<a href="#" id="show_menu" title="Show menu" style="margin-top: 40px;position: absolute;">' '<a href="#" id="show_menu" title="Show menu" style="margin-top: 30px;position: absolute;">'
'<span class="ui-state-default ui-corner-all">' '<span class="ui-state-default ui-corner-all">'
'<span class="ui-icon ui-icon-arrowthick-1-e" id="arrow"></span>' '<span class="ui-icon ui-icon-arrowthick-1-e" id="arrow"></span>'
'</span>' '</span>'
@ -162,7 +162,7 @@ def head(title):
'<div class="top-menu">' '<div class="top-menu">'
'<div class="LogoText">' '<div class="LogoText">'
'<span style="padding-left: 20px;">HAproxy-WI</span>' '<span style="padding-left: 20px;">HAproxy-WI</span>'
'<a href="#" id="hide_menu" title="Hide menu" style="margin-left: 35%;margin-top: 40px;position: absolute;">' '<a href="#" id="hide_menu" title="Hide menu" style="margin-left: 107px;margin-top: -6px;position: absolute;">'
'<span class="ui-state-default ui-corner-all">' '<span class="ui-state-default ui-corner-all">'
'<span class="ui-icon ui-icon-arrowthick-1-w" id="arrow"></span>' '<span class="ui-icon ui-icon-arrowthick-1-w" id="arrow"></span>'
'</span>' '</span>'

View File

@ -58,7 +58,7 @@ funct.choose_server_with_vip(serv)
print('</select><input type="submit" value="Show stats"></form>') print('</select><input type="submit" value="Show stats"></form>')
data = response.content data = response.content
print('<a name="conf"></a>') print('<a name="conf"></a><div style="margin-left: 10px;">')
print(data.decode('utf-8')) print(data.decode('utf-8'))
funct.head("Stats HAproxy configs") funct.head("Stats HAproxy configs")
print('</div>') print('</div>')

View File

@ -186,7 +186,7 @@ $( function() {
$( "#show_menu" ).click(function() { $( "#show_menu" ).click(function() {
$(".top-menu").show( "drop", "slow" ); $(".top-menu").show( "drop", "slow" );
$(".container").css("max-width", "88%"); $(".container").css("max-width", "88%");
$(".container").css("margin-left", "12%"); $(".container").css("margin-left", "307px");
$(".show_menu").hide(); $(".show_menu").hide();
}); });

View File

@ -35,11 +35,9 @@ iframe {
margin-left: 2px; margin-left: 2px;
} }
.top-menu { .top-menu {
//border-radius: 5px;
//box-shadow: 1px 1px 5px grey;
position: fixed; position: fixed;
height: 100%; height: 100%;
width: 12%; width: 307px;
float: left; float: left;
margin-bottom: 20px; margin-bottom: 20px;
top: 0; top: 0;
@ -80,15 +78,11 @@ iframe {
margin-left: 44%; margin-left: 44%;
} }
.container { .container {
//box-shadow: 1px 1px 5px grey;
//border-radius: 5px;
//margin-top: 65px;
min-height: calc(100vh - 115px); min-height: calc(100vh - 115px);
max-width: 88%; max-width: 88%;
min-width: 40%; min-width: 40%;
background-color: #fff; background-color: #fff;
margin-left: 12%; margin-left: 307px;
} }
.configShow, .diff { .configShow, .diff {
margin-left: 16%; margin-left: 16%;
@ -244,7 +238,7 @@ iframe {
} }
.padding10 { .padding10 {
padding: 10px; padding: 10px;
padding-left: 25px; padding-left: 15px;
border: none; border: none;
} }
.ro { .ro {