4 lines
1.3 KiB
CSS
4 lines
1.3 KiB
CSS
|
.case-file-columns{display:grid;grid-template-columns:minmax(160px,30%) minmax(0,1fr);gap:14px}.case-file-list{max-height:70vh;overflow:auto}.case-file-item{display:block;width:100%;text-align:left;padding:10px;margin-bottom:6px;border:1px solid var(--case-border,var(--bs-border-color));border-radius:7px;background:var(--theme-surface,var(--bs-body-bg));color:var(--theme-text,var(--bs-body-color))}.case-file-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.case-file-item small{font-size:10px;color:var(--theme-muted,var(--bs-secondary-color))}.case-file-item.active{border-color:var(--case-primary,#177b68);box-shadow:inset 3px 0 var(--case-primary,#177b68)}.case-file-preview{min-width:0;max-height:75vh;overflow:auto}.case-file-preview img{width:100%;height:auto}.case-file-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.case-file-browser [data-search]{flex:1;min-width:160px}.case-file-browser select{width:auto;max-width:150px}@media(max-width:767px){.case-file-columns{grid-template-columns:1fr}.case-file-list{max-height:180px}}
|
||
|
|
|
||
|
|
.case-file-item{display:flex;align-items:center;gap:10px}.case-file-item>span{flex:1;min-width:0}.case-file-thumbnail{width:46px;height:56px;object-fit:contain;flex-shrink:0;border-radius:4px;background:var(--theme-surface-soft,#edf3f6)}
|