style.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .model-header {
  2. display : flex;
  3. justify-content: space-between;
  4. align-items : center;
  5. margin-bottom : 10px;
  6. p {
  7. font-size : 14px;
  8. color : #fff;
  9. height : 1.5em;
  10. overflow : hidden;
  11. text-overflow: ellipsis;
  12. white-space : nowrap;
  13. }
  14. }
  15. .model-desc {
  16. color : rgba(255, 255, 255, 0.6);
  17. line-height: 18px;
  18. font-size : 12px;
  19. }
  20. .model-action {
  21. display : flex;
  22. align-items: center;
  23. flex : none;
  24. .active {
  25. color: var(--colors-primary-base) !important;
  26. }
  27. >* {
  28. margin-left: 20px;
  29. }
  30. }
  31. .sign-layout {
  32. margin : -20px 0;
  33. padding: 20px 0;
  34. }
  35. .mode-tab {
  36. position : absolute;
  37. z-index : 2;
  38. background-color: var(--editor-menu-back);
  39. transition : all .3s ease;
  40. display : flex;
  41. align-items : center;
  42. justify-content : space-evenly;
  43. height : 34px;
  44. border-radius : 17px;
  45. margin-left : 10px;
  46. bottom : calc(var(--editor-menu-bottom, 0px) + 10px);
  47. left : calc(var(--left-pano-left) + var(--left-pano-width));
  48. padding : 0 5px;
  49. .mode-icon-layout {
  50. padding: 0 8px;
  51. &.active .icon {
  52. color: var(--color-main-normal) !important;
  53. }
  54. }
  55. .icon {
  56. font-size : 18px;
  57. cursor : pointer;
  58. transition: color .3s ease;
  59. }
  60. }