Updated UI for the local results page + support for dark mode #11
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The changes for this pull request have been presented earlier in #10. The biggest changes are:
1. Updated results page
The results page now look like this:
The tiles have a minimum height to make them look a bit more uniform. Especially when there are failed checks, as the reason/explanation can cover 2 lines. When all checks are ok the extra height perhaps makes less sense. I don't find it bothering but if this is disliked I could restore the current behaviour (make tiles equal height on a row per row basis).
2. Dark mode
Support has been added for a new config key
theme
which can be set todark
to enable dark mode, the default is light:3. Blade components
2 blade component have been introduced, a logo component and a status indicator component. The main goal was to keep the list.blade.php compact as I used inline SVG's for the package logo/icon and the icons which emphasise the check status.
4. Tailwind v3
I added support Tailwind v3, which replaces the use of the CDN for Tailwind v2. For the sake of simplicity I decided to set it up with Tailwind CLI, which supports file scanning and minifying like PostCSS and cssnano. The implementation of including the css file has been inspired on how its done at https://github.com/spatie/laravel-dashboard (as suggested). I didn't copy all asset functions as I thought the inline stylesheet functionality would be enough for now.
5. Updated docs
In the docs the example config has been updated and the screenshot in the webpage section is also updated. Another screenshot has been added to highlight the dark mode option, accompanied with a guiding text on how to enable it.
Feedback
If there is anything that should be changed or reverted I'm more than happy to do so.
Kind regards,
Nick