@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;
			left: 50px;
			// right: 50px;
      min-width: 270px;
			text-align: center;
			font-size: 18px;
			line-height: @navBarHeight;
      white-space: nowrap; /* 防止文字换行 */
      overflow: hidden; /* 隐藏超出的部分 */
      text-overflow: ellipsis; /* 显示省略号 */
		}
	}

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