docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style tweak.

This commit is contained in:
Sean Li 2015-02-03 11:06:49 -08:00
parent 3204568b12
commit 034dd15234
3 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/ContainerDetails.react.js
View File

@ -440,6 +440,12 @@ var ContainerDetails = React.createClass({
</div> </div>
); );
} else { } else {
var preview;
if (this.state.defaultPort) {
preview = (
<iframe src={this.state.ports[this.state.defaultPort].url} autosize="on"></iframe>
);
}
body = ( body = (
<div className="details-panel"> <div className="details-panel">
<div className="settings"> <div className="settings">
@ -523,8 +529,6 @@ var ContainerDetails = React.createClass({
</div> </div>
<div className="details-subheader-tabs"> <div className="details-subheader-tabs">
<span className={tabLogsClasses} onClick={this.showLogs}>Logs</span> <span className={tabLogsClasses} onClick={this.showLogs}>Logs</span>
<span className={tabPortsClasses} onClick={this.showPorts}>Ports</span>
<span className={tabVolumesClasses} onClick={this.showVolumes}>Volumes</span>
<span className={tabSettingsClasses} onClick={this.showSettings}>Settings</span> <span className={tabSettingsClasses} onClick={this.showSettings}>Settings</span>
</div> </div>
</div> </div>

9
app/styles/containers.less
View File

@ -308,7 +308,7 @@
flex-direction: row; flex-direction: row;
position: relative; position: relative;
//border-top: 1px solid #EEE; //border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE; border-bottom: 1px solid #DCE2E2;
background-color: #F9F9F9; background-color: #F9F9F9;
height: 57px; height: 57px;
padding: 6px 10px 10px 24px; padding: 6px 10px 10px 24px;
@ -377,6 +377,7 @@
flex: 1 auto; flex: 1 auto;
text-align: right; text-align: right;
margin-right: 3px; margin-right: 3px;
margin-top: 6px;
.tab { .tab {
margin-left: 16px; margin-left: 16px;
padding: 3px 10px; padding: 3px 10px;
@ -387,8 +388,10 @@
} }
&.active { &.active {
background-color: #D2EEF8; background-color: #D2EEF8;
border-radius: 4px; background-color: @brand-action;
border-radius: 40px;
color: #365B64; color: #365B64;
color: white;
} }
} }
} }
@ -459,7 +462,7 @@
.details-panel { .details-panel {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
background-color: white; background-color: #FFF;
.logs { .logs {
-webkit-user-select: text; -webkit-user-select: text;
font-family: Menlo; font-family: Menlo;

8
app/styles/theme.less
View File

@ -184,3 +184,11 @@ input[type="text"] {
.btn-info { .btn-styles(@btn-info-bg); } .btn-info { .btn-styles(@btn-info-bg); }
.btn-warning { .btn-styles(@btn-warning-bg); } .btn-warning { .btn-styles(@btn-warning-bg); }
.btn-danger { .btn-styles(@btn-danger-bg); } .btn-danger { .btn-styles(@btn-danger-bg); }
iframe {
border: 0;
width: 50%;
height: 300px;
border-radius: 4px;
border: 1px solid @gray-lightest;
}