Skip to content

fix: repair sftp header controls layout - #72

Merged
qfxiongbinbin merged 1 commit into
mainfrom
fix/sftp-header-controls-layout
Jul 21, 2026
Merged

qfxiongbinbin merged 1 commit into
mainfrom
fix/sftp-header-controls-layout

Conversation

@qfxiongbinbin

Copy link
Copy Markdown
Owner

Purpose

修复 SFTP 页头部「显示隐藏文件」开关与「选择主机」下拉框的样式错位。

Affected areas

  • ServerDeck/src/styles/app.css

Root cause

  • 全局规则 input, select { width: 100%; padding: 12px 14px; border-radius: 12px; ... } 泄漏到 toggle 的 checkbox,把它渲染成通栏大输入框,复选框与文字被撑开分离。
  • 主机选择 label 采用纵向 grid 布局,标签被挤到下拉框上方,与 toggle 垂直错位。

Changes

  • .sftp-hidden-toggle input 重置全局 input 样式(width/padding/border/background 等),checkbox 恢复正常尺寸并紧贴文字。
  • .sftp-host-select 改为横向 flex:「选择主机」标签与下拉框同一行排列。
  • .sftp-screen__controls 垂直居中对齐。

Validation

  • 无头 Chrome 渲染 header 复现页面确认修复后效果。
  • 建议 npm run tauri dev 打开 SFTP 页人工复核。

- reset global input styles leaking into the hidden-files checkbox
- place host select label inline with the dropdown on one row
@qfxiongbinbin
qfxiongbinbin merged commit bc93199 into main Jul 21, 2026
@qfxiongbinbin
qfxiongbinbin deleted the fix/sftp-header-controls-layout branch July 21, 2026 09:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant