added logo and fixed arrows in ui menu

2026-06-30 02:31:40 +00:00 · 2019-08-30 21:52:48 +03:00
parent 8269ee78a3
commit 51aac221c5
7 changed files with 6830 additions and 3539 deletions
--- a/chameleon-client/package-lock.json
+++ b/chameleon-client/package-lock.json
--- a/chameleon-client/public/favicon.ico
+++ b/chameleon-client/public/favicon.ico
--- a/chameleon-client/public/favicon.png
+++ b/chameleon-client/public/favicon.png
--- a/chameleon-client/public/index.html
+++ b/chameleon-client/public/index.html
@@ -4,7 +4,7 @@
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <link rel="icon" href="<%= BASE_URL %>favicon.png">
    <title>Chameleon Vision</title>
  </head>
  <body>
--- a/chameleon-client/src/App.vue
+++ b/chameleon-client/src/App.vue
@@ -4,6 +4,7 @@
          <Layout :style="{minHeight: '100vh'}">
            <Layout>
              <Sider id="main-nav" @on-collapse="onCollapse"  collapsible :collapsed-width="78" v-model="isCollapsed">
+                <img src="./assets/logo.png" style="width:60px;height:auto;transition: .2s ease;" :class="menuIconClass">
                    <Menu ref="menu" @on-open-change="onOpenChange" :active-name="activeName" :open-names="openedNames" theme="dark"  width="auto" :class="menuitemClasses">
                        <Submenu name="/vision">
                          <template slot="title">
@@ -34,12 +35,14 @@

 <script>
  import Vue from "vue"
+
  import chselect from './components/ch-select.vue'
  
  export default {
    name: 'app',
    components:{
-      chselect
+      chselect,
+
    },
    data () {
      return {
@@ -72,6 +75,9 @@
              'menu-item',
              this.isCollapsed ? 'collapsed-menu' : ''
          ]
+      },
+      menuIconClass(){
+        return this.isCollapsed ? '' :'icon' 
      }
    },
    created () {
@@ -142,11 +148,18 @@
      width: 0px;
      transition: width .2s ease;
  }
+  .collapsed-menu .ivu-icon-ios-arrow-down{
+    display: none;
+  }
  .collapsed-menu i{
      transform: translateX(5px);
      transition: font-size .2s ease .2s, transform .2s ease .2s;
      vertical-align: middle;
      font-size: 22px;
  }
+  .icon{
+    width: 100px !important;
+    transition: .2s ease;
+  }

 </style>
--- a/chameleon-client/src/assets/logo.png
+++ b/chameleon-client/src/assets/logo.png
--- a/logo.ai
+++ b/logo.ai