AI-markdown/frontend/style.css

64 lines
1.6 KiB
CSS

/* ── Shared styles ─────────────────────────────────────────── */
body { background: #f8f9fa; }
/* Upload zone */
#UploadZone {
border: 2px dashed #dee2e6;
border-radius: .5rem;
padding: 3rem 1.5rem;
text-align: center;
cursor: pointer;
transition: border-color .2s, background .2s;
}
#UploadZone:hover, #UploadZone.dragover {
border-color: #0d6efd;
background: #f0f6ff;
}
#UploadZone input[type="file"] { display: none; }
/* Result panes */
.ResultPre {
max-height: 460px;
overflow: auto;
white-space: pre-wrap;
word-break: break-word;
font-size: .78rem;
background: #f8f9fa;
}
/* github-markdown-css handles table/code/blockquote — only constrain height */
.PreviewPane {
max-height: 460px;
overflow: auto;
font-size: .85rem;
}
/* Server file browser */
.FileBrowser {
height: 560px;
overflow-y: auto;
font-size: .82rem;
}
.FileEntry {
display: flex;
align-items: center;
gap: .4rem;
padding: .25rem .5rem;
border-radius: .3rem;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
user-select: none;
}
.FileEntry:hover { background: #e9ecef; }
.FileEntry.selected { background: #cfe2ff; color: #084298; font-weight: 500; }
.FileEntry.dir { color: #495057; }
.FileEntry.file { color: #212529; }
.indent-1 { padding-left: 1.4rem; }
.indent-2 { padding-left: 2.6rem; }
.indent-3 { padding-left: 3.8rem; }
.indent-4 { padding-left: 5rem; }
.path-badge { font-size: .72rem; font-family: monospace; word-break: break-all; }