bug fix layout for large displays

community
Gogs 6 years ago
parent 86faac9ed0
commit 0a0de5a0a4

@ -20,6 +20,7 @@
display:grid ; display:grid ;
grid-template-rows: 32px auto; grid-template-rows: 32px auto;
grid-gap:4px; grid-gap:4px;
height:99%;
} }
@ -33,6 +34,7 @@
.widget { .widget {
width:100%; width:100%;
height:90%;
} }
.widget .title { .widget .title {
@ -43,16 +45,17 @@
grid-gap:2px; grid-gap:2px;
} }
.widget .chart { .widget .chart {
display:grid; display:grid;
grid-template-columns: 35% 35% 30%; grid-template-columns: 35% 35% 30%;
grid-gap:1px; grid-gap:1px;
width:100%; width:100%;
height:90%;
} }
.widget .chart iframe { .widget .chart iframe {
width:100%; width:99%;
height:220px; min-height:255px;
max-height:300px;
overflow:hidden} overflow:hidden}
input[type=text] { input[type=text] {
@ -165,10 +168,11 @@
</div> </div>
<iframe class="no-border" src="{{context}}/1/plot/html/pie/apps.status?index={{loop.index -1}}&no=title" style=""></iframe> <iframe class="no-border" src="{{context}}/1/plot/html/pie/apps.status?index={{loop.index -1}}&no=title" scrolling="no"></iframe>
<div align="center" class="bold"> <div align="center" class="bold">
Status Counts Status Counts
</div> </div>
<p></p>
<div class="stat-board"> <div class="stat-board">
<div class="number border"> <div class="number border">
<div class="value">{{ app_summary[loop.index-1].crash}}</div> <div class="value">{{ app_summary[loop.index-1].crash}}</div>
@ -185,7 +189,7 @@
<div align="center"> <div align="center">
<h3>Resource Usage</h3> <h3>Resource Usage</h3>
</div> </div>
<iframe class="no-border" src="{{context}}/1/plot/html/bar/apps.resource?index={{loop.index -1}}" style=""></iframe> <iframe class="no-border" src="{{context}}/1/plot/html/bar/apps.resource?index={{loop.index -1}}" scrolling="no"></iframe>
</div> </div>
<div class="border-left"> <div class="border-left">
<div align="center"> <div align="center">
@ -232,4 +236,4 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>

Loading…
Cancel
Save