Files
CoreInject/frontend/dist/assets/D-9v_IOF.css
2025-11-16 05:39:11 +08:00

2 lines
6.5 KiB
CSS

.post-edit-dialog-overlay[data-v-595b5a78]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.post-edit-dialog[data-v-595b5a78]{background:var(--bg-card);border-radius:var(--radius-xl);padding:0;max-width:800px;width:100%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh}.dialog-header[data-v-595b5a78]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--border-light)}.dialog-title[data-v-595b5a78]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.close-btn[data-v-595b5a78]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease}.close-btn[data-v-595b5a78]:hover{background:var(--bg-secondary);color:var(--text-primary)}.close-btn[data-v-595b5a78] svg{font-size:20px}.dialog-body[data-v-595b5a78]{padding:var(--spacing-xl);overflow-y:auto;flex:1}.loading-state[data-v-595b5a78]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.loading-state .spinner[data-v-595b5a78]{width:40px;height:40px;border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-595b5a78 .8s linear infinite}.loading-state p[data-v-595b5a78]{color:var(--text-secondary);font-size:14px}.post-form[data-v-595b5a78]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-595b5a78]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-595b5a78]{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-label .required[data-v-595b5a78]{color:var(--danger-color)}.form-input[data-v-595b5a78],.form-textarea[data-v-595b5a78]{width:100%;padding:10px 14px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-family:inherit;box-sizing:border-box;transition:all .2s ease}.form-input[data-v-595b5a78]:focus,.form-textarea[data-v-595b5a78]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1)}.form-input[data-v-595b5a78]::placeholder,.form-textarea[data-v-595b5a78]::placeholder{color:var(--text-tertiary)}.form-input[data-v-595b5a78]:disabled,.form-textarea[data-v-595b5a78]:disabled{opacity:.6;cursor:not-allowed}.form-textarea[data-v-595b5a78]{resize:vertical;min-height:300px;line-height:1.6}.attachments-list[data-v-595b5a78]{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.attachment-item[data-v-595b5a78]{position:relative;display:flex;align-items:center;padding:8px 12px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-light);transition:all .2s ease}.attachment-item.clickable[data-v-595b5a78]{cursor:pointer}.attachment-item[data-v-595b5a78]:hover{border-color:var(--primary-color);background:var(--bg-secondary)}.attachment-info[data-v-595b5a78]{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer}.attachment-icon[data-v-595b5a78]{font-size:20px;color:var(--text-secondary);flex-shrink:0}.attachment-name[data-v-595b5a78]{font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.attachment-size[data-v-595b5a78]{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.attachment-action-icon[data-v-595b5a78]{font-size:18px;color:var(--text-secondary);flex-shrink:0;margin-left:8px;transition:color .2s ease}.attachment-action-icon[data-v-595b5a78]:hover{color:var(--primary-color)}.remove-attachment-btn-left[data-v-595b5a78]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:#ef444426;color:#ef4444;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-right:8px}.remove-attachment-btn-left[data-v-595b5a78]:hover:not(:disabled){background:#ef444440;color:#dc2626;transform:scale(1.1)}.remove-attachment-btn-left[data-v-595b5a78]:disabled{opacity:.5;cursor:not-allowed}.remove-attachment-btn-left[data-v-595b5a78] svg{font-size:14px}.no-attachments[data-v-595b5a78]{padding:20px;text-align:center;color:var(--text-tertiary);font-size:14px}.attachment-upload[data-v-595b5a78]{display:flex;gap:12px;flex-wrap:wrap}.upload-progress[data-v-595b5a78]{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;margin-top:8px}.upload-progress .spinner-small[data-v-595b5a78]{width:16px;height:16px;border:2px solid var(--border-light);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-595b5a78 .8s linear infinite}.author-info-section[data-v-595b5a78]{margin-bottom:24px}.author-card[data-v-595b5a78]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-light)}.author-avatar[data-v-595b5a78]{flex-shrink:0;display:flex;align-items:center;justify-content:center}.author-details[data-v-595b5a78]{flex:1;min-width:0}.author-name[data-v-595b5a78]{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-id[data-v-595b5a78]{font-size:12px;color:var(--text-tertiary);font-family:monospace}.dialog-actions[data-v-595b5a78]{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-xl);border-top:1px solid var(--border-light)}.dialog-actions .btn[data-v-595b5a78]{min-width:100px;padding:var(--spacing-sm) var(--spacing-lg)}.dialog-actions .btn[data-v-595b5a78]:disabled{opacity:.5;cursor:not-allowed}@keyframes spin-595b5a78{to{transform:rotate(360deg)}}.fade-enter-active[data-v-595b5a78],.fade-leave-active[data-v-595b5a78]{transition:opacity .2s ease}.fade-enter-from[data-v-595b5a78],.fade-leave-to[data-v-595b5a78]{opacity:0}.fade-enter-active .post-edit-dialog[data-v-595b5a78],.fade-leave-active .post-edit-dialog[data-v-595b5a78]{transition:transform .2s ease,opacity .2s ease}.fade-enter-from .post-edit-dialog[data-v-595b5a78],.fade-leave-to .post-edit-dialog[data-v-595b5a78]{transform:scale(.95) translateY(-10px);opacity:0}@media (max-width: 768px){.post-edit-dialog[data-v-595b5a78]{max-width:100%;margin:var(--spacing-md)}.dialog-header[data-v-595b5a78],.dialog-body[data-v-595b5a78],.dialog-actions[data-v-595b5a78]{padding:var(--spacing-lg)}.dialog-actions[data-v-595b5a78]{flex-direction:column}.dialog-actions .btn[data-v-595b5a78]{width:100%}}