| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | @media only screen and (max-width: 768px) { |
| | | .app-topbar { |
| | | padding-top: env(safe-area-inset-top); |
| | | padding-right: 6px; |
| | | height: calc(46px + env(safe-area-inset-top)); |
| | | min-width: 0; |
| | | |
| | | .flex1 { |
| | | min-width: 8px; |
| | | } |
| | | |
| | | &__tools { |
| | | flex-shrink: 0; |
| | | margin-right: 4px; |
| | | |
| | | & > li { |
| | | margin-left: 6px; |
| | | } |
| | | } |
| | | |
| | | &__user { |
| | | flex-shrink: 0; |
| | | padding-left: 4px; |
| | | |
| | | :deep(.el-text) { |
| | | display: none; |
| | | } |
| | | } |
| | | |
| | | :deep(.route-nav) { |
| | | min-width: 0; |
| | | max-width: 46vw; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | :deep(.a-menu) { |
| | | min-width: 0; |
| | | overflow-x: auto; |
| | | } |
| | | |
| | | :deep(.cl-comm__icon) { |
| | | width: 32px; |
| | | height: 32px; |
| | | } |
| | | } |
| | | } |
| | | </style> |
| | | |
| | | <style lang="scss"> |