Prechádzať zdrojové kódy

style: change nav item style

zhangyuhan 3 rokov pred
rodič
commit
030db7f450
1 zmenil súbory, kde vykonal 8 pridanie a 1 odobranie
  1. 8 1
      packages/components/Navbar/index.vue

+ 8 - 1
packages/components/Navbar/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="navbar-group">
     <div class="logo">
-      <img :src="logo" alt="logo">
+      <img :src="logo" alt="logo" @click="goSiteHome">
     </div>
     <div class="nav-group">
       <div
@@ -423,12 +423,15 @@ export default {
   }
   .message-group {
     flex: 1;
+    max-width: 100%;
     max-height: 263px;
     overflow-y: scroll;
   }
   .message-item {
     @extend .flex-horizontal;
+    align-items: flex-start;
     width: 100%;
+    max-width: 100%;
     padding: 12px 24px;
     box-sizing: border-box;
     border-bottom: 1px solid #ECECEC;
@@ -457,12 +460,14 @@ export default {
     }
   }
   .message-content {
+    width: 316px;
     display: flex;
     flex: 1;
     flex-wrap: wrap;
     flex-direction: column;
     &--header {
       @extend .flex-horizontal;
+      width: 100%;
       flex: 1;
       justify-content: space-between;
     }
@@ -478,6 +483,7 @@ export default {
       line-height: 22px;
     }
     &--time {
+      flex-shrink: 0;
       font-size: 12px;
       color: #999999;
       line-height: 18px;
@@ -555,6 +561,7 @@ export default {
     display: inline-block;
     width: auto;
     height: 32px;
+    cursor: pointer;
     img {
       height: 100%;
     }