GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-07-17 10:31:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(subscribe): 调整统计卡片移动端布局

Browse Source
This commit is contained in:
jxxghp
2026-06-30 21:33:57 +08:00
parent 24412989bb
commit 8a19fbc584
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/dialog/SubscribeFilesDialog.vue
View File

@@ -419,7 +419,7 @@ onBeforeMount(() => {
<div class="subscribe-files-stat-card__icon">
<VIcon :icon="item.icon" :color="item.color" size="22" />
</div>
<div>
<div class="subscribe-files-stat-card__content">
<div class="subscribe-files-stat-card__label">{{ item.label }}</div>
<div class="subscribe-files-stat-card__value">{{ item.value }}</div>
</div>
@@ -872,6 +872,10 @@ onBeforeMount(() => {
grid-column: 1 / -1;
}
.subscribe-files-stat-card__content {
min-inline-size: 0;
}
.subscribe-files-stat-card__icon {
display: grid;
border-radius: 50%;
@@ -1332,7 +1336,19 @@ onBeforeMount(() => {
.subscribe-files-stat-card {
padding: 0.75rem;
gap: 0.45rem;
grid-template-columns: 1fr;
grid-template-columns: auto minmax(0, 1fr);
}
.subscribe-files-stat-card__content {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 0.5rem;
}
.subscribe-files-stat-card__label,
.subscribe-files-stat-card__value {
white-space: nowrap;
}
.subscribe-files-stat-card__icon {