tobi/vue-black-dash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add vue color

Browse Source 
Fix top navbar for white background
Add vue logo
This commit is contained in:
cristij 2018-10-07 14:51:03 +03:00
parent c67b145ff0
commit 91aba34b80
4 changed files with 134 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/assets/sass/black-dashboard/custom/_sidebar-and-main-panel.scss
View File

@ -279,8 +279,22 @@
float: left; float: left;
width: 34px; width: 34px;
text-align: center; text-align: center;
margin-left: 10px; margin-left: 12px;
margin-right: 12px; margin-right: 10px;
}
a.logo-mini .logo-img {
width: 32px;
display: inline-block;
height: 32px;
margin-left: 0;
margin-right: 15px;
background: #fff;
border-radius: 32px;
text-align: center;
img {
max-width: 21px;
}
} }
a.logo-normal{ a.logo-normal{
@ -345,6 +359,10 @@
@include linear-gradient($success-states, $success); @include linear-gradient($success-states, $success);
} }
&[data="vue"] {
@include linear-gradient($vue-states, $vue);
}
.user{ .user{
padding-bottom: 20px; padding-bottom: 20px;
margin:20px auto 0; margin:20px auto 0;
@ -450,6 +468,10 @@
border-top: 2px solid $success; border-top: 2px solid $success;
} }
&[data="vue"]{
border-top: 2px solid $vue;
}
&[data="primary"]{ &[data="primary"]{
border-top: 2px solid $primary; border-top: 2px solid $primary;
} }

8
src/assets/sass/black-dashboard/custom/_variables.scss
View File

@ -1,4 +1,7 @@
@import "../bootstrap/mixins";
@import "../bootstrap/functions";
@import "functions";
@import "mixins";
// Global settings // Global settings
$enable-caret: true !default; $enable-caret: true !default;
@ -104,7 +107,7 @@ $info: #1d8cf8 !default;
$warning: #ff8d72 !default; $warning: #ff8d72 !default;
$danger: #fd5d93 !default; $danger: #fd5d93 !default;
$black: #222a42 !default; $black: #222a42 !default;
$vue: #42b883 !default;
// gradient // gradient
$default-states: #263148 !default; $default-states: #263148 !default;
@ -114,6 +117,7 @@ $info-states: #3358f4 !default;
$warning-states: #ff6491 !default; $warning-states: #ff6491 !default;
$danger-states: #ec250d !default; $danger-states: #ec250d !default;
$black-states: #1d253b !default; $black-states: #1d253b !default;
$vue-states: #38ef7d !default;
$background-black: #1e1e2f !default; $background-black: #1e1e2f !default;
$background-states-black: #1e1e24 !default; $background-states-black: #1e1e24 !default;

204
src/components/SidebarPlugin/SideBar.vue
View File

File diff suppressed because one or more lines are too long

2
src/layout/dashboard/TopNavbar.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<nav class="navbar navbar-expand-lg navbar-absolute" <nav class="navbar navbar-expand-lg navbar-absolute navbar-transparent"
:class="{'bg-white': showMenu}"> :class="{'bg-white': showMenu}">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-wrapper"> <div class="navbar-wrapper">