right-click-menu.css 821 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .context-menu {
  2. position: fixed;
  3. display: none;
  4. flex-direction: column;
  5. min-width: 160px;
  6. background: white;
  7. border: 1px solid rgba(0, 0, 0, 0.1);
  8. box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  9. border-radius: 8px;
  10. padding: 4px;
  11. z-index: 1200;
  12. }
  13. .context-menu.show {
  14. display: flex;
  15. }
  16. .context-menu-item {
  17. display: flex;
  18. align-items: center;
  19. justify-content: flex-start;
  20. gap: 8px;
  21. width: 100%;
  22. padding: 8px 12px;
  23. background: transparent;
  24. border: none;
  25. border-radius: 6px;
  26. font-size: 14px;
  27. color: #333;
  28. cursor: pointer;
  29. transition: background 0.2s, color 0.2s;
  30. }
  31. .context-menu-item:hover {
  32. background: rgba(24, 144, 255, 0.1);
  33. color: #1890ff;
  34. }
  35. .context-menu-item:disabled {
  36. color: #bbb;
  37. cursor: not-allowed;
  38. }