@import "./var.scss";

.miao-nav-bar {
  height: 45Px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  //background-color: $color-navbar-color;
  z-index: 1000;

  .navbar-left,
  .navbar-right {
    flex: 2;
    height: 100%;
    //color: $color-text-navbar;
    overflow: hidden;
    line-height: 45Px;
    font-size: 18Px;

    text-overflow: ellipsis;
  }

  .navbar-left {
    padding-left: 8Px;
    text-align: left;
    //line-height: 1.2;
    margin: 6Px 0;

    .taro-img {
      margin-top: 6Px;
      width: 32Px;
      height: 32Px;
    }

    .exe-return {
      margin-top: 12Px;
      font-size: 22Px;
    }
  }

  .navbar-title {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 5;
    text-align: center;
    // font-size: 36px;
    // color: $color-text-navbar;
    line-height: 1.2;
    font-weight: 700;
  }

  .navbar-right {
    padding-right: 8Px;
    align-items: center;
    justify-content: flex-end;
    display: flex;
  }
}