GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-08-15 10:34:35 +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

11
src/styles/common.scss
View File

@@ -653,9 +653,14 @@ html[data-theme-radius='extra'] {
padding-block: 0;
}
// 只在相邻移动录入行之间显示分隔线，避免表单最后一行出现多余底线。
.v-row > :is(.v-col, [class*='v-col-']) + :is(.v-col, [class*='v-col-']) > .app-responsive-input {
border-block-start: 1px solid rgba(var(--v-theme-on-surface), 0.12);
// 当前输入行后面还有可见输入行时才显示分隔线，避免跨 VRow 断线或最后一行多出底线。
.v-row > :is(.v-col, [class*='v-col-']):has(> .app-responsive-input):has(
~ :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 格的字段在移动端改为上下两行，避免长输入只挤在右侧。