← 输入框|github.com|刷新
Skip to content

web: inset the search clear button evenly and narrow project search - #32

Merged
yekta merged 1 commit into
masterfrom
fix/close-button-spacing
Oct 17, 2026
Merged

yekta merged 1 commit into
masterfrom
fix/close-button-spacing

Conversation

@yekta

@yekta yekta commented Oct 17, 2026

Copy link
Copy Markdown
Contributor

The clear (X) button in the search field was not spaced evenly from the input's edges. On large screens the search field also took up more width than needed.

  • Clear button: it now fills the input's height with an even 4px inset on the top, bottom and right, so it stays square. The input's right padding is reduced to match. It still slides out of view when the field is empty.
  • Search width: on the projects and services pages, the search field is 2rem narrower on large screens (lg:w-68 → lg:w-60). When it is full width on smaller screens, it is unchanged.

The clear button in the search input now fills the input height with an even 4px inset on the top, bottom and right, so it stays square. On large screens the search field on the projects and services pages is 2rem narrower.
@yekta
yekta merged commit 34304c6 into master Oct 17, 2026
1 check passed
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