index.module.less 951 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .noteMove {
  2. position: absolute;
  3. &::before{
  4. content: '';
  5. position: absolute;
  6. left: -4px;
  7. right: -4px;
  8. bottom: -4px;
  9. top: -4px;
  10. border-radius: 2px;
  11. background-color: rgba(0, 0, 0, .3);
  12. }
  13. }
  14. .activeModel{
  15. &::before{
  16. background-color: rgba(255,145,0,.3);
  17. }
  18. }
  19. .toolBox {
  20. position: fixed;
  21. left: 0;
  22. top: 30%;
  23. padding: 8px;
  24. background: rgba(0, 0, 0, .3);
  25. border-radius: 4px;
  26. display: flex;
  27. flex-direction: column;
  28. z-index: 9999;
  29. backdrop-filter: blur(10px);
  30. &>div,
  31. &>button {
  32. margin: 4px 0;
  33. }
  34. }
  35. .moveDisabled{
  36. .noteMove{
  37. display: none;
  38. }
  39. }
  40. .hideTool {
  41. transform: translateX(-120%);
  42. }
  43. .rightHideIcon {
  44. width: 15px;
  45. height: 30px;
  46. position: absolute;
  47. left: 0;
  48. top: 50%;
  49. z-index: 10;
  50. cursor: pointer;
  51. transition: all 0.5s;
  52. transform: rotate(180deg);
  53. }