astrion-website/demo/static/dist/assets/ConversationReviewDialog.css

2 lines
7.2 KiB
CSS

.review-overlay[data-v-a8179ad5]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--theme-overlay-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:420;padding:24px}.review-window[data-v-a8179ad5]{width:min(1040px,96vw);max-width:96vw;height:min(700px,88vh);max-height:88vh;background:var(--surface-panel);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--theme-shadow-strong);display:flex;flex-direction:column;overflow:hidden}.review-header[data-v-a8179ad5]{flex:0 0 auto;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-default)}.header-titles[data-v-a8179ad5]{min-width:0}.review-header .title[data-v-a8179ad5]{font-size:16px;font-weight:700;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em}.review-header .subtitle[data-v-a8179ad5]{font-size:12px;line-height:1.2;color:var(--text-secondary);margin-top:4px}.header-actions[data-v-a8179ad5]{display:flex;align-items:center;gap:10px;min-width:0}.hint[data-v-a8179ad5]{flex:0 1 auto;height:28px;display:inline-flex;align-items:center;font-size:12px;color:var(--text-secondary);padding:0 10px;border-radius:8px;background:var(--theme-tab-active);max-width:280px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-close-btn[data-v-a8179ad5]{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .14s ease,color .14s ease}.icon-close-btn[data-v-a8179ad5]:hover:not(:disabled){background:var(--theme-tab-active);color:var(--text-primary)}.icon-close-btn[data-v-a8179ad5]:disabled{opacity:.45;cursor:not-allowed}.review-body[data-v-a8179ad5]{flex:1 1 auto;display:grid;grid-template-columns:360px 1fr;min-height:0}.review-left[data-v-a8179ad5]{border-right:1px solid var(--border-default);display:flex;flex-direction:column;min-height:0}.review-right[data-v-a8179ad5]{display:flex;flex-direction:column;min-height:0}.pane-head[data-v-a8179ad5]{flex:0 0 auto;height:40px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.pane-head-label[data-v-a8179ad5]{font-size:13px;font-weight:600;color:var(--text-primary)}.pane-head-meta[data-v-a8179ad5]{font-size:12px;color:var(--text-secondary)}.scroll-area[data-v-a8179ad5]{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.scroll-area[data-v-a8179ad5]::-webkit-scrollbar{width:0;height:0;display:none}.conversation-list[data-v-a8179ad5]{padding:4px 8px 8px;display:flex;flex-direction:column;gap:2px}.conversation-item[data-v-a8179ad5]{width:100%;height:60px;flex:0 0 60px;box-sizing:border-box;text-align:left;background:transparent;border:0;border-radius:10px;padding:0 12px;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:5px;transition:background .14s ease,color .14s ease}.conversation-item[data-v-a8179ad5]:hover:not(:disabled),.conversation-item.active[data-v-a8179ad5]{background:var(--theme-tab-active)}.conversation-item.active[data-v-a8179ad5]{position:relative}.conversation-item.active[data-v-a8179ad5]:before{content:"";position:absolute;left:4px;top:14px;bottom:14px;width:3px;border-radius:999px;background:var(--text-secondary)}.conversation-item .row[data-v-a8179ad5]{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary)}.conversation-item .item-title[data-v-a8179ad5]{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.25;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item .tag[data-v-a8179ad5]{flex:0 0 auto;height:20px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;font-size:12px;line-height:1;background:var(--theme-chip-bg);color:var(--text-secondary)}.conversation-item .meta[data-v-a8179ad5]{font-size:12px;line-height:1;color:var(--text-secondary);display:flex;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty[data-v-a8179ad5]{text-align:center;color:var(--text-secondary);font-size:13px;padding:20px 0}.list-footer[data-v-a8179ad5]{flex:0 0 auto;padding:2px 0}.load-more-btn[data-v-a8179ad5]{width:100%;height:34px;border:0;border-radius:10px;padding:0 12px;background:transparent;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.load-more-btn[data-v-a8179ad5]:hover:not(:disabled){background:var(--theme-tab-active);color:var(--text-primary)}.load-more-btn[data-v-a8179ad5]:disabled{opacity:.5;cursor:not-allowed}.preview-box[data-v-a8179ad5]{padding:4px 12px 12px}.preview-list[data-v-a8179ad5]{display:flex;flex-direction:column;gap:1px;font-family:Menlo,Consolas,SFMono-Regular,monospace;font-size:13px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.preview-line[data-v-a8179ad5]{padding:7px 10px;border-radius:8px;line-height:1.5}.preview-line[data-v-a8179ad5]:nth-child(odd){background:var(--theme-tab-active)}.placeholder[data-v-a8179ad5]{height:100%;min-height:220px;text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px;padding:20px;align-items:center;justify-content:center}.placeholder-icon[data-v-a8179ad5]{color:var(--text-tertiary);opacity:.9}.text-main[data-v-a8179ad5]{font-weight:600;font-size:14px;color:var(--text-secondary)}.text-sub[data-v-a8179ad5]{font-size:12px;color:var(--text-tertiary)}.placeholder.error .text-main[data-v-a8179ad5]{color:var(--state-warning)}.review-footer[data-v-a8179ad5]{flex:0 0 auto;height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--border-default)}.toggle-send[data-v-a8179ad5]{display:inline-flex;align-items:center;gap:10px;height:38px;font-size:14px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-send input[data-v-a8179ad5]{position:absolute;opacity:0;width:0;height:0}.toggle-send .switch[data-v-a8179ad5]{flex:0 0 auto;width:38px;height:22px;border-radius:999px;background:var(--theme-switch-track);position:relative;transition:background .2s ease}.toggle-send .switch[data-v-a8179ad5]:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--theme-surface-strong);top:2px;left:2px;transition:transform .2s ease}.toggle-send input:checked+.switch[data-v-a8179ad5]{background:var(--accent-strong)}.toggle-send input:checked+.switch[data-v-a8179ad5]:after{transform:translate(16px)}.toggle-send .label[data-v-a8179ad5]{white-space:nowrap}.primary-btn[data-v-a8179ad5]{flex:0 0 auto;height:38px;border:0;border-radius:10px;padding:0 20px;font-size:14px;font-weight:600;cursor:pointer;background:var(--accent);color:var(--on-accent);transition:background .14s ease,color .14s ease}.primary-btn[data-v-a8179ad5]:hover:not(:disabled){background:var(--accent-hover)}.primary-btn[data-v-a8179ad5]:disabled,.conversation-item[data-v-a8179ad5]:disabled{opacity:.5;cursor:not-allowed}.conversation-item.current[data-v-a8179ad5]{cursor:default}@media (max-width: 860px){.review-body[data-v-a8179ad5]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.review-left[data-v-a8179ad5]{border-right:none;border-bottom:1px solid var(--border-default)}}