修改了我的信息模块的样式和布局

hailin

2023-07-13 c25002c67252a521624af3f352bc1c5378775c21

 src/layout/components/Navbar.vue

@@ -65,6 +65,8 @@
  position: relative;
  background: #fff;
  display: flex;
  border-bottom: 1px solid #f0f2f5;
  // box-shadow: 0 0 0.857143rem rgba(0, 0, 0, 0.12);
  // box-shadow: 0 1px 4px rgba(0,21,41,.08);

  .hamburger-container {
@@ -124,22 +126,25 @@
    }

    .avatar-container {
      margin-right: 30px;
      margin-right: 24px;
      height: 100%;
      .avatar-wrapper {
        // margin-top: 5px;
        width: 40px;
        height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        .user-avatar {
          cursor: pointer;
          width: 40px;
          height: 40px;
          width: 30px;
          height: 30px;
          font-size: 10px;
          border-radius: 50%;
          margin-right: 12px;
          // margin-right: 12px;
          background: #0077DB;
          line-height: 40px;
          line-height: 31px;
          text-align: center;
          color: #fff;
        }