12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- .model-header {
- display : flex;
- justify-content: space-between;
- align-items : center;
- margin-bottom : 10px;
- p {
- font-size : 14px;
- color : #fff;
- height : 1.5em;
- overflow : hidden;
- text-overflow: ellipsis;
- white-space : nowrap;
- }
- }
- .model-desc {
- color : rgba(255, 255, 255, 0.6);
- line-height: 18px;
- font-size : 12px;
- }
- .model-action {
- display : flex;
- align-items: center;
- flex : none;
- .active {
- color: var(--colors-primary-base) !important;
- }
- >* {
- margin-left: 20px;
- }
- }
- .sign-layout {
- margin : -20px 0;
- padding: 20px 0;
- }
- .mode-tab {
- position : absolute;
- z-index : 2;
- background-color: var(--editor-menu-back);
- transition : all .3s ease;
- display : flex;
- align-items : center;
- justify-content : space-evenly;
- height : 34px;
- border-radius : 17px;
- margin-left : 10px;
- bottom : calc(var(--editor-menu-bottom, 0px) + 10px);
- left : calc(var(--left-pano-left) + var(--left-pano-width));
- padding : 0 5px;
- .mode-icon-layout {
- padding: 0 8px;
- &.active .icon {
- color: var(--color-main-normal) !important;
- }
- }
- .icon {
- font-size : 18px;
- cursor : pointer;
- transition: color .3s ease;
- }
- }
|