diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2016-12-13 13:42:10 +0100 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2016-12-13 13:42:10 +0100 |
commit | 76ec90799352603406728cb51b4e70913413f2bd (patch) | |
tree | b6ab2aa6e04d99c89f0a8ac6442170ca539ba6b8 /app/assets/stylesheets/admin.scss | |
parent | 668013265c3153383088d9dd53970ae837c1d405 (diff) |
Improved admin UI
Diffstat (limited to 'app/assets/stylesheets/admin.scss')
-rw-r--r-- | app/assets/stylesheets/admin.scss | 105 |
1 files changed, 105 insertions, 0 deletions
diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss new file mode 100644 index 000000000..6e4234d13 --- /dev/null +++ b/app/assets/stylesheets/admin.scss @@ -0,0 +1,105 @@ +.admin-wrapper { + width: 100%; + height: 100%; + position: fixed; + background: #1a1c23; + overflow-y: scroll; + + .sidebar { + width: 240px; + position: fixed; + left: 0; + height: 100%; + background: #282c37; + + .logo { + display: block; + margin: 40px auto; + width: 100px; + height: 100px; + } + + ul { + list-style: none; + + a { + display: block; + padding: 15px 25px; + color: rgba(255, 255, 255, 0.7); + text-decoration: none; + transition: all 200ms linear; + + i.fa { + margin-right: 5px; + } + + &:hover { + color: #fff; + background-color: darken(#282c37, 5%); + transition: all 100ms linear; + } + + &.selected { + color: #fff; + background-color: #2b90d9; + + &:hover { + background-color: lighten(#2b90d9, 5%); + } + } + } + } + } + + .content { + margin-left: 240px; + padding: 15px; + } +} + +.filters { + display: flex; + margin-bottom: 20px; + padding-left: 8px; + + .filter-subset { + flex: 0 0 auto; + margin-right: 40px; + + ul { + margin-top: 5px; + list-style: none; + + li { + display: inline-block; + margin-right: 5px; + } + } + + strong { + font-weight: 500; + text-transform: uppercase; + font-size: 12px; + } + + a { + display: inline-block; + color: rgba(255, 255, 255, 0.7); + text-decoration: none; + text-transform: uppercase; + font-size: 12px; + font-weight: 500; + border-bottom: 2px solid #282c37; + + &:hover { + color: #fff; + border-bottom: 2px solid lighten(#282c37, 5%); + } + + &.selected { + color: #2b90d9; + border-bottom: 2px solid #2b90d9; + } + } + } +} |