index.less 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .app-action-menu {
  2. &__contextmenu {
  3. position: fixed;
  4. z-index: 1000;
  5. top: 0;
  6. left: 0;
  7. width: 100%;
  8. height: 100%;
  9. ul {
  10. position: absolute;
  11. border: 1px solid #e4e7ed;
  12. border-radius: 4px;
  13. background-color: #fff;
  14. box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
  15. overflow: hidden;
  16. padding: 10px 0;
  17. li {
  18. display: flex;
  19. align-items: center;
  20. color: var(--el-text-color-regular);
  21. cursor: pointer;
  22. padding: 10px 24px;
  23. &:hover {
  24. color: var(--el-color-primary);
  25. background-color: var(--el-color-primary-light-9);
  26. }
  27. .el-icon {
  28. margin-right: 5px;
  29. }
  30. }
  31. }
  32. }
  33. &__button {
  34. ul {
  35. display: inline-flex;
  36. li:not(:first-child) {
  37. margin-left: 10px;
  38. }
  39. }
  40. }
  41. }