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;
 | 
						|
}
 |