52 lines
3.0 KiB
CSS
52 lines
3.0 KiB
CSS
|
.doc-tabs { display:flex; gap:0.35rem; flex-wrap:wrap; margin-bottom:1rem; }
|
||
|
|
.doc-tab {
|
||
|
|
padding:0.45rem 0.9rem; border-radius:999px; font-size:0.78rem; cursor:pointer;
|
||
|
|
border:1px solid rgba(0,229,255,0.15); background:rgba(13,18,25,0.8); color:#94a3b8;
|
||
|
|
}
|
||
|
|
.doc-tab.active { background:rgba(0,229,255,0.15); color:#e0f2fe; border-color:rgba(0,229,255,0.45); }
|
||
|
|
|
||
|
|
.label-modal-backdrop {
|
||
|
|
position:fixed; inset:0; z-index:1200; background:rgba(0,0,0,0.72);
|
||
|
|
display:flex; align-items:center; justify-content:center; padding:1rem;
|
||
|
|
}
|
||
|
|
.label-modal {
|
||
|
|
width:min(720px, 100%); max-height:90vh; overflow:auto;
|
||
|
|
background:linear-gradient(160deg,#0d1219,#080c12); border:1px solid rgba(0,229,255,0.2);
|
||
|
|
border-radius:16px; padding:1.1rem; box-shadow:0 20px 60px rgba(0,0,0,0.5);
|
||
|
|
}
|
||
|
|
.label-modal-head { display:flex; justify-content:space-between; align-items:flex-start; gap:0.75rem; margin-bottom:0.85rem; }
|
||
|
|
.label-modal-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:0.45rem; }
|
||
|
|
.label-pick {
|
||
|
|
display:flex; flex-direction:column; align-items:center; gap:0.25rem; padding:0.65rem 0.4rem;
|
||
|
|
border-radius:12px; border:1px solid rgba(100,116,139,0.35); background:rgba(15,23,42,0.6);
|
||
|
|
cursor:pointer; font-size:0.72rem; text-align:center; transition:all .15s;
|
||
|
|
}
|
||
|
|
.label-pick:hover { border-color:rgba(0,229,255,0.35); }
|
||
|
|
.label-pick.selected { border-color:var(--pick-color, #00e5ff); background:rgba(0,229,255,0.12); box-shadow:0 0 0 1px var(--pick-color, #00e5ff); }
|
||
|
|
.label-pick-emoji { font-size:1.35rem; }
|
||
|
|
|
||
|
|
.docling-grid { display:grid; grid-template-columns:280px 1fr 1fr; gap:1rem; }
|
||
|
|
@media (max-width:1100px) { .docling-grid { grid-template-columns:1fr; } }
|
||
|
|
.docling-panel { border:1px solid rgba(0,229,255,0.12); border-radius:12px; padding:0.85rem; background:rgba(13,18,25,0.85); }
|
||
|
|
.docling-file-list { max-height:420px; overflow:auto; }
|
||
|
|
.docling-file-row {
|
||
|
|
padding:0.45rem 0.55rem; border-radius:8px; cursor:pointer; font-size:0.75rem;
|
||
|
|
border:1px solid transparent; margin-bottom:0.25rem;
|
||
|
|
}
|
||
|
|
.docling-file-row:hover { background:rgba(0,229,255,0.06); }
|
||
|
|
.docling-file-row.selected { border-color:rgba(0,229,255,0.35); background:rgba(0,229,255,0.1); }
|
||
|
|
.docling-opt-grid { display:grid; grid-template-columns:1fr 1fr; gap:0.35rem 0.75rem; font-size:0.78rem; }
|
||
|
|
.docling-export-tabs { display:flex; flex-wrap:wrap; gap:0.35rem; margin:0.65rem 0; }
|
||
|
|
.docling-export-tab {
|
||
|
|
padding:0.3rem 0.65rem; border-radius:999px; font-size:0.72rem; cursor:pointer;
|
||
|
|
border:1px solid rgba(100,116,139,0.35); background:transparent; color:#94a3b8;
|
||
|
|
}
|
||
|
|
.docling-export-tab.active { border-color:#00e5ff; color:#e0f2fe; background:rgba(0,229,255,0.12); }
|
||
|
|
.docling-preview {
|
||
|
|
max-height:360px; overflow:auto; font-size:0.74rem; line-height:1.45;
|
||
|
|
background:#060a10; border:1px solid rgba(0,229,255,0.1); border-radius:8px; padding:0.65rem;
|
||
|
|
white-space:pre-wrap; word-break:break-word;
|
||
|
|
}
|
||
|
|
.docling-preview.html-preview { white-space:normal; }
|
||
|
|
.docling-status { font-size:0.72rem; color:#94a3b8; margin-top:0.35rem; }
|