2 lines
8.2 KiB
CSS
2 lines
8.2 KiB
CSS
|
.task-detail-container[data-v-28b407a1]{display:flex;flex-direction:column;gap:var(--wb-gap-medium);width:100%;height:100vh;overflow:hidden;background:var(--wb-bg-main);padding:var(--wb-gap-medium);box-sizing:border-box}.task-info[data-v-28b407a1]{background:#f8fafc;border:1px solid #e2e8f0;min-height:80px;padding:var(--wb-gap-medium);flex-shrink:0}.details-container[data-v-28b407a1]{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:var(--wb-gap-medium);flex:1;width:100%;height:100%;overflow:hidden;background:var(--wb-bg-main);min-height:0}.details-list[data-v-28b407a1]{background:var(--wb-bg-card);border:1px solid var(--wb-border);border-radius:var(--wb-radius-medium);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a;height:100%;min-height:0}.list-header[data-v-28b407a1]{padding:20px var(--wb-gap-medium);border-bottom:1px solid var(--wb-border);background:var(--wb-bg-secondary);border-radius:var(--wb-radius-medium) var(--wb-radius-medium) 0 0}.list-header h3[data-v-28b407a1]{margin:0;font-size:18px;font-weight:600;color:var(--wb-text-primary)}.list-items[data-v-28b407a1]{flex:1;overflow-y:auto;padding-bottom:0;min-height:0}.list-item[data-v-28b407a1]{padding:var(--wb-gap-medium);border-bottom:1px solid var(--wb-border);cursor:pointer;transition:all .3s ease;position:relative}.list-item[data-v-28b407a1]:hover{background:var(--wb-bg-secondary)}.list-item.active[data-v-28b407a1]{background:#6651f014;border-left:4px solid var(--wb-primary);color:var(--wb-text-primary)}.item-title[data-v-28b407a1]{font-weight:600;color:var(--wb-text-primary);margin-bottom:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px}.item-title.small[data-v-28b407a1]{font-size:13px}.item-line[data-v-28b407a1]{display:flex;gap:8px;align-items:flex-start}.item-no[data-v-28b407a1]{width:28px;flex:0 0 28px;color:#6b7280;font-size:12px;text-align:right;padding-top:2px}.item-texts[data-v-28b407a1]{flex:1;min-width:0}.item-site[data-v-28b407a1]{color:#6b7280;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-meta[data-v-28b407a1]{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#6b7280}.item-date[data-v-28b407a1]{font-weight:500}.item-author[data-v-28b407a1]{font-style:italic}.details-preview[data-v-28b407a1]{background:var(--wb-bg-card);border:1px solid var(--wb-border);border-radius:var(--wb-radius-medium);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a;height:100%;min-height:0}.preview-content[data-v-28b407a1]{flex:1;display:flex;flex-direction:column;overflow-y:auto}.preview-header[data-v-28b407a1]{padding:20px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.preview-header h3[data-v-28b407a1]{margin:0 0 12px;font-size:20px;font-weight:700;color:#1f2937;line-height:1.3}.preview-meta[data-v-28b407a1]{display:flex;flex-direction:column;gap:4px}.meta-item[data-v-28b407a1]{font-size:14px;color:#6b7280}.preview-body[data-v-28b407a1]{flex:1;padding:20px 28px 20px 20px;overflow-y:auto}.section[data-v-28b407a1]{margin-bottom:24px}.section h4[data-v-28b407a1]{margin:0 0 8px;font-size:16px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;padding-bottom:4px}.section p[data-v-28b407a1]{margin:0;line-height:1.6;color:#4b5563;text-align:justify}.parsed-content[data-v-28b407a1]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.parsed-item[data-v-28b407a1]{margin-bottom:12px;line-height:1.6;color:#374151}.parsed-item[data-v-28b407a1]:last-child{margin-bottom:0}.parsed-item strong[data-v-28b407a1]{color:#1f2937;font-weight:600}.external-link[data-v-28b407a1]{color:#3b82f6;text-decoration:none;word-break:break-word;overflow-wrap:anywhere;line-height:1.5}.external-link[data-v-28b407a1]:hover{text-decoration:underline}.preview-placeholder[data-v-28b407a1]{flex:1;display:flex;align-items:center;justify-content:center}.placeholder-content[data-v-28b407a1]{text-align:center;color:#9ca3af}.placeholder-icon[data-v-28b407a1]{font-size:48px;margin-bottom:12px}.placeholde
|