| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- /* 右键菜单样式(复制自 client/css/disk/right-click-menu.css) */
- .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;
- }
- .context-menu-item.danger {
- color: #ff4d4f;
- }
- .context-menu-item.danger:hover {
- background: rgba(255, 77, 79, 0.1);
- color: #ff4d4f;
- }
- .context-menu-divider {
- height: 1px;
- background: rgba(0, 0, 0, 0.08);
- margin: 4px 8px;
- }
|