server
server copied to clipboard
Freezor/new layout and style for main view
Description
This pull request includes several changes aimed at improving the user interface of the server. It introduces a footer to MainLayout.razor
displaying copyright information and the current server version. Additionally, it adds a splitter between the Tree and Node information, allowing users to adjust the width of each container.
Motivation and Context
The motivation behind these changes is to enhance the user experience and make the UI more maintainable. By introducing a footer and a splitter, users can better navigate the server interface and customize their view according to their preferences. The refactoring of MainLayout.razor
aims to achieve a clearer and more concise layout, making it easier for developers to maintain and extend the UI in the future.
Type of change
- Bug fix (non-breaking change which fixes an issue)
- [x] New feature (non-breaking change which adds functionality)
- Breaking change (fix or feature that would cause existing functionality to not work as expected)
- This change requires a documentation update
How Has This Been Tested?
These changes have been manually tested in a development environment to ensure the footer and splitter function as expected. Additionally, visual inspection was performed to verify the layout improvements in MainLayout.razor
.
Screenshots (if appropriate):
Checklist:
- [x] My code follows the style guidelines of this project
- [x] I have commented my code, particularly in hard-to-understand areas
- [x] I have added tests that prove my fix is effective or that my feature works
@aorzelskiGH This PR introduces the initial UI update, serving as the foundation for further enhancements. While it represents a significant overhaul, there's room for further refinement and consolidation of styling. The current structure lays the groundwork for easier maintenance and future changes, but consolidating the styling across multiple files would further improve maintainability. Let's use this as a starting point to iteratively enhance and streamline the UI.