GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-06 16:16:42 +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
src/components/dialog/SubscribeFilesDialog.vue
+18 -2
View File
@@ -419,7 +419,7 @@ onBeforeMount(() => {
<div class="subscribe-files-stat-card__icon"> <div class="subscribe-files-stat-card__icon">
<VIcon :icon="item.icon" :color="item.color" size="22" /> <VIcon :icon="item.icon" :color="item.color" size="22" />
</div> </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__label">{{ item.label }}</div>
<div class="subscribe-files-stat-card__value">{{ item.value }}</div> <div class="subscribe-files-stat-card__value">{{ item.value }}</div>
</div> </div>
@@ -872,6 +872,10 @@ onBeforeMount(() => {
grid-column: 1 / -1; grid-column: 1 / -1;
} }
.subscribe-files-stat-card__content {
min-inline-size: 0;
}
.subscribe-files-stat-card__icon { .subscribe-files-stat-card__icon {
display: grid; display: grid;
border-radius: 50%; border-radius: 50%;
@@ -1332,7 +1336,19 @@ onBeforeMount(() => {
.subscribe-files-stat-card { .subscribe-files-stat-card {
padding: 0.75rem; padding: 0.75rem;
gap: 0.45rem; 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 { .subscribe-files-stat-card__icon {