let cluster dashboard use full browser width

use one/two column layout instead of hardcoding width for the panels
also optimize padding values

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
This commit is contained in:
Dominik Csapak 2018-02-23 10:31:57 +01:00 committed by Thomas Lamprecht
parent 9f7cbaf393
commit 5da98a059e
3 changed files with 16 additions and 8 deletions

View File

@ -4,7 +4,7 @@ Ext.define('PVE.dc.Guests', {
title: gettext('Guests'),
height: 200,
height: 220,
layout: {
type: 'table',
columns: 2,

View File

@ -4,8 +4,8 @@ Ext.define('PVE.dc.Health', {
title: gettext('Health'),
bodyPadding: '0 20 0 20',
height: 200,
bodyPadding: 10,
height: 220,
layout: {
type: 'hbox',
align: 'stretch'

View File

@ -4,13 +4,21 @@ Ext.define('PVE.dc.Summary', {
scrollable: true,
bodyPadding: '10 0 0 0',
bodyPadding: 5,
layout: 'column',
defaults: {
width: 762,
padding: '0 0 10 10'
padding: 5,
plugins: 'responsive',
responsiveConfig: {
'width < 1900': {
columnWidth: 1
},
'width >= 1900': {
columnWidth: 0.5
}
}
},
items: [
@ -25,8 +33,8 @@ Ext.define('PVE.dc.Summary', {
{
title: gettext('Resources'),
xtype: 'panel',
height: 250,
bodyPadding: '0 0 10 0',
minHeight: 250,
bodyPadding: 5,
layout: 'hbox',
defaults: {
xtype: 'proxmoxGauge',