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: normalize mobile input dividers

Browse Source
This commit is contained in:
jxxghp
2026-07-14 22:03:07 +08:00
parent d92e79169c
commit 4f0204d465
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/common.scss
+8 -3
View File
@@ -653,9 +653,14 @@ html[data-theme-radius='extra'] {
padding-block: 0; padding-block: 0;
} }
// 只在相邻移动录入行之间显示分隔线，避免表单最后一行出现多余底线。 // 当前输入行后面还有可见输入行时才显示分隔线，避免跨 VRow 断线或最后一行多出底线。
.v-row > :is(.v-col, [class*='v-col-']) + :is(.v-col, [class*='v-col-']) > .app-responsive-input { .v-row > :is(.v-col, [class*='v-col-']):has(> .app-responsive-input):has(
border-block-start: 1px solid rgba(var(--v-theme-on-surface), 0.12); ~ :is(.v-col, [class*='v-col-']):has(> .app-responsive-input)
) > .app-responsive-input,
.v-row:has(
~ .v-row:not([style*='display: none']) > :is(.v-col, [class*='v-col-']):has(> .app-responsive-input)
) > :is(.v-col, [class*='v-col-']):has(> .app-responsive-input) > .app-responsive-input {
border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.12);
} }
// 桌面也占满 12 格的字段在移动端改为上下两行，避免长输入只挤在右侧。 // 桌面也占满 12 格的字段在移动端改为上下两行，避免长输入只挤在右侧。