Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

在 Console 引入 @tailwindcss/forms 以统一表单元素的基础样式 #4734

Closed
ruibaby opened this issue Oct 17, 2023 · 2 comments · Fixed by #4893
Closed

在 Console 引入 @tailwindcss/forms 以统一表单元素的基础样式 #4734

ruibaby opened this issue Oct 17, 2023 · 2 comments · Fixed by #4893
Assignees
@ruibaby
Labels
area/console Issues or PRs related to the Halo Console kind/improvement Categorizes issue or PR as related to a improvement.
Milestone
2.11.0

Comments

@ruibaby
Copy link
Member

ruibaby commented Oct 17, 2023 •
edited
Loading

你当前使用的版本

2.10.0

描述一下此特性

期望通过引入 @tailwindcss/forms 来统一表单元素在不同浏览器的基础样式。

https://github.com/tailwindlabs/tailwindcss-forms

/area console
/kind improvement

附加信息

No response
@f2c-ci-robot f2c-ci-robot bot added area/console Issues or PRs related to the Halo Console kind/improvement Categorizes issue or PR as related to a improvement. labels Oct 17, 2023
@wan92hen
Copy link
Collaborator

现在的样式不是也挺统一的吗？

@ruibaby
Copy link
Member Author

ruibaby commented Oct 17, 2023

现在的样式不是也挺统一的吗？

Firefox:

图片

Safari:

图片

Chrome:

图片

更新描述了，应该是浏览器的差异。

@ruibaby ruibaby added this to the 2.11.x milestone Oct 30, 2023
@ruibaby ruibaby self-assigned this Oct 30, 2023
@ruibaby ruibaby mentioned this issue Nov 23, 2023
Merged
f2c-ci-robot bot pushed a commit that referenced this issue Nov 23, 2023
@ruibaby
feat: add tailwindcss/forms plugin to standardize the style of form e…
1f1f3cb 
…lements (#4893)

#### What type of PR is this?

/area console
/kind improvement

#### What this PR does / why we need it:

Use [@tailwindcss/forms](https://github.com/tailwindlabs/tailwindcss-forms) plugin to standardize the style of form elements, and resolve some style issues.

before:

<img width="294" alt="图片" src="https://github.com/halo-dev/halo/assets/21301288/eeb6792f-a278-4fd0-a99c-7d7e50dd550d">

after:

<img width="291" alt="图片" src="https://github.com/halo-dev/halo/assets/21301288/652b07d8-7410-4c62-9b4f-1b3228d68883">

#### Which issue(s) this PR fixes:

Fixes #4734 

#### Does this PR introduce a user-facing change?

```release-note
优化 Console 端表单元素样式
```
@ruibaby ruibaby modified the milestones: 2.11.x, 2.11.0 Nov 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@ruibaby ruibaby

Labels
area/console Issues or PRs related to the Halo Console kind/improvement Categorizes issue or PR as related to a improvement.
Projects
None yet
Milestone
2.11.0
Development

Successfully merging a pull request may close this issue.

feat: add tailwindcss/forms plugin to standardize the style of form elements ruibaby/halo
2 participants
@ruibaby @wan92hen