zqr10159 opened a new pull request, #3853:
URL: https://github.com/apache/hertzbeat/pull/3853
## What's changed?
### Description
The current UI uses a variety of large `border-radius` values (e.g., 16px,
12px, 8px), which can feel overly rounded and less appropriate for a
professional monitoring platform.
This PR standardizes the `border-radius` across the application to a more
subtle `6px`. This change aims to create a cleaner, more "serious," and
professional aesthetic while maintaining a modern feel.
### Changes included:
* **`web-app/src/app/layout/basic/basic.component.less`**:
* Adjusted main layout components (header, sidebar, content)
`border-radius` to `6px`.
* Updated sidebar navigation items, the header search bar, and modal
dialogs to use the new `6px` radius.
* **`web-app/src/styles/index.less`**:
* Standardized global components like `.ant-card`, `.ant-table`, and
`.ant-modal-content` to use `6px` `border-radius` for consistency.
* **`web-app/src/app/routes/dashboard/dashboard.component.less`**:
* Updated the dashboard-specific card style (`.dashboard-rounded`) from
`16px` to `6px`.
The overall UI now has a more consistent and professional appearance.
<img width="1920" height="1037" alt="image"
src="https://github.com/user-attachments/assets/31d8f682-a230-4ecc-8f88-3d2053fc1ce4";
/>
## Checklist
- [ ] I have read the [Contributing
Guide](https://hertzbeat.apache.org/docs/community/code_style_and_quality_guide)
- [ ] I have written the necessary doc or comment.
- [ ] I have added the necessary unit tests and all cases have passed.
## Add or update API
- [ ] I have added the necessary [e2e
tests](https://github.com/apache/hertzbeat/tree/master/e2e) and all cases have
passed.
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
