Minecraft/asys
Archived
0
Fork 0
Code Activity

Web interface: стилизация таблицы модулей для маленьких экранов

Browse Source
This commit is contained in:
DmitriyMX
2017-03-12 00:17:03 +03:00
parent f3a86fb01a
commit 46410227f3
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
webinterface/src/main/resources/static/components.js
View File

@@ -77,11 +77,11 @@ var BundleTable = React.createClass({
ce('table', {className: 'table table-hover', width: '100%', style: {'margin-bottom': '0'}}, ce('table', {className: 'table table-hover', width: '100%', style: {'margin-bottom': '0'}},
ce('thead', null, ce('thead', null,
ce('tr', null, ce('tr', null,
ce('th', {style: {'width':'2%'}}, '#'), ce('th', {className: 'col-xs-1'}, '#'),
ce('th', null, 'Название'), ce('th', null, 'Название'),
ce('th', null, 'Версия'), ce('th', {className: 'hidden-xs'}, 'Версия'),
ce('th', null, 'Статус'), ce('th', null, 'Статус'),
ce('th', {style: {'width':'5%'}}, nbsp) ce('th', {className: 'col-xs-1'}, nbsp)
) )
), ),
ce('tbody', null, this.props.children) ce('tbody', null, this.props.children)
@@ -126,14 +126,14 @@ var BundleTableRow = React.createClass({
}); });
}, },
render: function(){ render: function(){
vertAlign = {style: {'vertical-align': 'middle'}}; vertAlign = {'vertical-align': 'middle'};
return( return(
ce('tr', null, ce('tr', null,
ce('td', vertAlign, this.state.id), ce('td', {style: vertAlign}, this.state.id),
ce('td', vertAlign, this.state.name), ce('td', {style: vertAlign}, this.state.name),
ce('td', vertAlign, this.state.version), ce('td', {className: 'hidden-xs', style: vertAlign}, this.state.version),
ce('td', vertAlign, this.stateToStr(this.state.state)), ce('td', {style: vertAlign}, this.stateToStr(this.state.state)),
ce('td', vertAlign, ce('td', {style: vertAlign},
ce(Button, {colored: 'danger', btnSize: 'xs', onClick: this.bndUpd}, 'update') ce(Button, {colored: 'danger', btnSize: 'xs', onClick: this.bndUpd}, 'update')
) )
) )