Influxdata
/
chronograf
mirror of https://github.com/influxdata/chronograf.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

New sheet for auth page styles

pull/628/head
Alex P 2016-11-29 13:04:28 -08:00
parent 49b87e1879
commit e5daab3ada
2 changed files with 84 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/src/style/enterprise_style/application.scss
View File

@ -13,6 +13,7 @@
@import 'modals'; @import 'modals';
@import 'enterprise-custom'; @import 'enterprise-custom';
@import 'dygraph-override'; @import 'dygraph-override';
@import 'auth-page';
@import 'hosts'; @import 'hosts';
@import 'kapacitor'; @import 'kapacitor';
@import 'influx-tooltips'; @import 'influx-tooltips';

83
ui/src/style/enterprise_style/auth-page.scss Normal file
View File

@ -0,0 +1,83 @@
/*
Styles for Authorization Page
----------------------------------------------
*/
.auth-page {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
@include custom-scrollbar($g3-castle, $c-pool);
@include gradient-v($g3-castle, $g0-obsidian);
padding: $sidebar-width;
}
.auth-image {
background-image: url(assets/images/auth-bg.svg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
}
.auth-box {
z-index: 90;
position: absolute;
top: 43%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
h1 {
color: $g20-white;
font-weight: 200;
font-size: 52px;
letter-spacing: -2px;
}
p {
color: $g11-sidewalk;
}
.btn {
margin-top: ($sidebar-width / 2);
margin-bottom: $sidebar-width;
> .icon {
font-size: 20px;
margin-right: 8px;
}
}
}
.auth-logo {
background-image: url(assets/images/auth-logo.svg);
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
width: 100px;
height: 100px;
}
.auth-credits {
z-index: 90;
position: absolute;
bottom: ($sidebar-width / 4);
left: 50%;
transform: translateX(-50%);
font-size: 12px;
color: $g11-sidewalk;
.icon {
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
margin-right: 1px;
}
}