feat: 概览统计卡片单行自适应,最小宽度后横向滚动(隐藏滚动条)
This commit is contained in:
@@ -307,15 +307,24 @@ onMounted(() => {
|
|||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 概览统计(Statistic 卡片) */
|
/* 概览统计(Statistic 卡片,单行自适应 + 无滚动条横向滚动) */
|
||||||
.overview__stats {
|
.overview__stats {
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
flex-wrap: nowrap;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
margin-bottom: 28px;
|
margin-bottom: 28px;
|
||||||
|
overflow-x: auto;
|
||||||
|
scrollbar-width: none; /* Firefox */
|
||||||
|
-ms-overflow-style: none; /* IE/Edge */
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview__stats::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.overview__stat-card {
|
.overview__stat-card {
|
||||||
|
flex: 1 1 0;
|
||||||
|
min-width: 160px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border: 1px solid #f0f0f0;
|
border: 1px solid #f0f0f0;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
|||||||
Reference in New Issue
Block a user