47 lines
780 B
CSS
47 lines
780 B
CSS
/* MarkDetailList 组件样式 */
|
|
|
|
/* 虚拟化列表容器 */
|
|
.ReactVirtualized__List {
|
|
outline: none;
|
|
}
|
|
|
|
/* 列表行容器 */
|
|
.ReactVirtualized__List .ReactVirtualized__Grid__innerScrollContainer > div {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 防止内容溢出 */
|
|
.mark-detail-row {
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 卡片样式优化 */
|
|
.mark-detail-card {
|
|
margin-bottom: 8px;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* 确保图片不会影响布局 */
|
|
.mark-detail-card img {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/* 代码块样式优化 */
|
|
.mark-detail-card pre {
|
|
word-wrap: break-word;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
/* 链接样式 */
|
|
.mark-detail-card a {
|
|
word-break: break-all;
|
|
}
|
|
|
|
/* 标签容器 */
|
|
.mark-detail-tags {
|
|
min-height: 24px;
|
|
}
|