feat: complete design overhaul and port to tailwindcss #20

Merged

snorremd merged 5 commits from chore/complete-design-overhaul-and-port-to-tailwindcss into main

2025-02-04 22:02:23 +00:00

snorremd commented

2025-02-04 21:57:00 +00:00

(Migrated from github.com)

Do a complete design overhaul with improved UX and usability.

Ports project from WindiCSS to TailwindCSS to be more conformant with the current industry standard. TailwindCSS DX has improved since its inception, and in version 4 is more than decent with a plugin for Vite and good support in the community. In sum there is little reason to use WindiCSS outside perhaps the nice dev dashboard they provided.

Changed to a horizontal menu bar on top of the page in the logged in view. On mobile a burger menu allows a slide out menu to appear.

All pages including the home, sign-in, sign-out, dashboard, calendar, and statistics pages have been redesigned. Note that the week calendar and day calendar is currently not quite complete design-wise. I still need to revisit these. All dialogs have been redesigned.

In general the dashboard now makes it easier to track time as it will register 8 hours by default. You can still change the target right from the dashboard. Improved statistics UI is also in place.

In the calendar page it is now easier than ever to add tracked time and targets.

Fixed some general build issues.

Do a complete design overhaul with improved UX and usability. Ports project from WindiCSS to TailwindCSS to be more conformant with the current industry standard. TailwindCSS DX has improved since its inception, and in version 4 is more than decent with a plugin for Vite and good support in the community. In sum there is little reason to use WindiCSS outside perhaps the nice dev dashboard they provided. Changed to a horizontal menu bar on top of the page in the logged in view. On mobile a burger menu allows a slide out menu to appear. All pages including the home, sign-in, sign-out, dashboard, calendar, and statistics pages have been redesigned. Note that the week calendar and day calendar is currently not quite complete design-wise. I still need to revisit these. All dialogs have been redesigned. In general the dashboard now makes it easier to track time as it will register 8 hours by default. You can still change the target right from the dashboard. Improved statistics UI is also in place. In the calendar page it is now easier than ever to add tracked time and targets. Fixed some general build issues.

cloudflare-workers-and-pages[bot] commented

2025-02-04 22:00:32 +00:00

(Migrated from github.com)

Deploying frontend with Cloudflare Pages

Latest commit:	`702c519`
Status:	✅ Deploy successful!
Preview URL:	https://e56b82cb.frontend-api.pages.dev
Branch Preview URL:	https://chore-complete-design-overha.frontend-api.pages.dev

View logs

## Deploying frontend with  <a href="https://pages.dev"><img alt="Cloudflare Pages" src="https://user-images.githubusercontent.com/23264/106598434-9e719e00-654f-11eb-9e59-6167043cfa01.png" width="16"></a>  Cloudflare Pages <table><tr><td><strong>Latest commit:</strong> </td><td> <code>702c519</code> </td></tr> <tr><td><strong>Status:</strong></td><td> ✅  Deploy successful!</td></tr> <tr><td><strong>Preview URL:</strong></td><td> <a href='https://e56b82cb.frontend-api.pages.dev'>https://e56b82cb.frontend-api.pages.dev</a> </td></tr> <tr><td><strong>Branch Preview URL:</strong></td><td> <a href='https://chore-complete-design-overha.frontend-api.pages.dev'>https://chore-complete-design-overha.frontend-api.pages.dev</a> </td></tr> </table> [View logs](https://dash.cloudflare.com/?to=/:account/pages/view/frontend/e56b82cb-aed9-4e2d-9a0b-8bc51a9c5242)