right-click-menu.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. /* 右键菜单样式(复制自 client/css/disk/right-click-menu.css) */
  2. .context-menu {
  3. position: fixed;
  4. display: none;
  5. flex-direction: column;
  6. min-width: 160px;
  7. background: white;
  8. border: 1px solid rgba(0, 0, 0, 0.1);
  9. box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  10. border-radius: 8px;
  11. padding: 4px;
  12. z-index: 1200;
  13. }
  14. .context-menu.show {
  15. display: flex;
  16. }
  17. .context-menu-item {
  18. display: flex;
  19. align-items: center;
  20. justify-content: flex-start;
  21. gap: 8px;
  22. width: 100%;
  23. padding: 8px 12px;
  24. background: transparent;
  25. border: none;
  26. border-radius: 6px;
  27. font-size: 14px;
  28. color: #333;
  29. cursor: pointer;
  30. transition: background 0.2s, color 0.2s;
  31. }
  32. .context-menu-item:hover {
  33. background: rgba(24, 144, 255, 0.1);
  34. color: #1890ff;
  35. }
  36. .context-menu-item:disabled {
  37. color: #bbb;
  38. cursor: not-allowed;
  39. }
  40. .context-menu-item.danger {
  41. color: #ff4d4f;
  42. }
  43. .context-menu-item.danger:hover {
  44. background: rgba(255, 77, 79, 0.1);
  45. color: #ff4d4f;
  46. }
  47. .context-menu-divider {
  48. height: 1px;
  49. background: rgba(0, 0, 0, 0.08);
  50. margin: 4px 8px;
  51. }