| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- .context-menu {
- position: fixed;
- display: none;
- flex-direction: column;
- min-width: 160px;
- background: white;
- border: 1px solid rgba(0, 0, 0, 0.1);
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
- border-radius: 8px;
- padding: 4px;
- z-index: 1200;
- }
- .context-menu.show {
- display: flex;
- }
- .context-menu-item {
- display: flex;
- align-items: center;
- justify-content: flex-start;
- gap: 8px;
- width: 100%;
- padding: 8px 12px;
- background: transparent;
- border: none;
- border-radius: 6px;
- font-size: 14px;
- color: #333;
- cursor: pointer;
- transition: background 0.2s, color 0.2s;
- }
- .context-menu-item:hover {
- background: rgba(24, 144, 255, 0.1);
- color: #1890ff;
- }
- .context-menu-item:disabled {
- color: #bbb;
- cursor: not-allowed;
- }
|
