@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';
@import (reference) '../../styles/public.less';

.navBarPage {
	&-navbar {
		height: @navBarHeight;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 999;
		background-color: @theme_primary1_color;
		color: @common_bg_z1_color;
    display: flex;
    align-items: center;
    justify-content: space-between;

		&-left {
			font-size: 18px;
			height: @navBarHeight;
			line-height: @navBarHeight;
			padding: 0 16px;
		}

		&-right {
			font-size: 14px;
			height: @navBarHeight;
			line-height: @navBarHeight;
			padding: 0 12px;
		}

		&-title {
			position: absolute;
      top: 0;
      height: @navBarHeight;
      width: 100%;
      text-align: center;
      font-size: 18px;
      line-height: 44px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
		}
	}

	&-height {
		min-height: @navBarHeight;
	}
}