harshita2626 commented on issue #3087:
URL: https://github.com/apache/hertzbeat/issues/3087#issuecomment-2760003506
solution:
1.conditional display logic
- Remove empty category sections entirely when no monitors exist for that
type.
- Show a unified "empty state" UI when no monitors exist at all (for new
users).
2.Empty State Design
```
<div class="empty-monitor-state">
<img src="" alt="Add monitor">
<h3>No monitors configured yet</h3>
<button class="primary-button" @click="goToAddMonitor">
+ Add Your First Monitor
</button>
</div>
```
3.Visual Treatment
- Centered layout with friendly illustration
- Primary action button (60-80px larger than regular buttons)
- Subtle animation on hover
--
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]
