From 599651114d30cd3889be3cbcec45cddbad60adcc Mon Sep 17 00:00:00 2001 From: mohsin Date: Tue, 20 Apr 2021 23:17:13 +0600 Subject: [PATCH] admin sidebar modified --- vuejs-project4/index.html | 4 - .../src/components/Admin/sidebar.vue | 90 ++++++++++++-- vuejs-project4/src/components/HelloWorld.vue | 113 ------------------ .../src/components/Teacher/Dashboard.vue | 2 +- .../src/components/Teacher/Information.vue | 4 +- 5 files changed, 86 insertions(+), 127 deletions(-) delete mode 100644 vuejs-project4/src/components/HelloWorld.vue diff --git a/vuejs-project4/index.html b/vuejs-project4/index.html index 0142a42..3e8e94a 100644 --- a/vuejs-project4/index.html +++ b/vuejs-project4/index.html @@ -3,10 +3,6 @@ - vuejs-project4 diff --git a/vuejs-project4/src/components/Admin/sidebar.vue b/vuejs-project4/src/components/Admin/sidebar.vue index f5c871a..7e0494d 100644 --- a/vuejs-project4/src/components/Admin/sidebar.vue +++ b/vuejs-project4/src/components/Admin/sidebar.vue @@ -9,13 +9,62 @@
  • Navigation
  • - Homepage + Dashboard
  • - - Dashboard - + + Creation + + +
    • +
  • + + Manage + +
  • Another Menu
  • @@ -50,7 +99,10 @@ export default { data() { return { - user: null + user: null, + show1: 'none', + show2: 'none', + fg: true } }, methods: { @@ -58,6 +110,18 @@ export default { localStorage.removeItem('token'); localStorage.removeItem('role'); this.$router.push('/'); + }, + subToggle1() { + if(this.fg) this.show1 = 'block'; + else this.show1 = 'none'; + this.fg ^= 1; + console.log(this.fg); + }, + subToggle2() { + if(this.fg) this.show2 = 'block'; + else this.show2 = 'none'; + this.fg ^= 1; + console.log(this.fg); } }, async created() { @@ -86,10 +150,10 @@ export default { .sidebar-logo { padding: 10px 15px 10px 30px; font-size: 20px; - background-color: #ac7500; + background-color: #553a00; } .sidebar-navigation li::before { - background-color: #c39642; + background-color: #3f2a03; position: absolute; content: ''; height: 100%; @@ -100,4 +164,16 @@ export default { width: 3px; z-index: -1; } +.sidebar-sub-nav li::before { + background-color: #251601; + position: absolute; + content: ''; + height: 95%; + left: 1%; + top: 0; + -webkit-transition: width 0.2s ease-in; + transition: width 0.2s ease-in; + width: 3px; + z-index: -1; +} diff --git a/vuejs-project4/src/components/HelloWorld.vue b/vuejs-project4/src/components/HelloWorld.vue deleted file mode 100644 index 5c29501..0000000 --- a/vuejs-project4/src/components/HelloWorld.vue +++ /dev/null @@ -1,113 +0,0 @@ - - - - - - diff --git a/vuejs-project4/src/components/Teacher/Dashboard.vue b/vuejs-project4/src/components/Teacher/Dashboard.vue index c73ec1f..45a7088 100644 --- a/vuejs-project4/src/components/Teacher/Dashboard.vue +++ b/vuejs-project4/src/components/Teacher/Dashboard.vue @@ -25,7 +25,7 @@ export default { body { background: #9012e4; - background: linear-gradient(to right, #690369, #e724dd); + background: linear-gradient(to right, #31024d, #9113c3); } .card-signin { diff --git a/vuejs-project4/src/components/Teacher/Information.vue b/vuejs-project4/src/components/Teacher/Information.vue index 31ceaaa..bbc6003 100644 --- a/vuejs-project4/src/components/Teacher/Information.vue +++ b/vuejs-project4/src/components/Teacher/Information.vue @@ -42,8 +42,8 @@ export default { } body { - background: #bb771e; - background: linear-gradient(to right, #815103, #e7a324); + background: #9012e4; + background: linear-gradient(to right, #31024d, #9113c3); } .card-signin {