Skip to content

Update available courses view with Tailwind#74

Open
BojayL wants to merge 1 commit into
corecodeio:mainfrom
BojayL:tailwind-available-courses
Open

Update available courses view with Tailwind#74
BojayL wants to merge 1 commit into
corecodeio:mainfrom
BojayL:tailwind-available-courses

Conversation

@BojayL

@BojayL BojayL commented Jun 22, 2026

Copy link
Copy Markdown

Summary

  • Refactor the Available Courses responsive grid from the shared CSS module to Tailwind utility classes.
  • Convert the shared dashboard course card styling to Tailwind while preserving titles, metadata chips, booking alert state, navigation buttons, and disabled apply behavior.
  • Tighten the mobile layout so course cards, long technology text, and dual action buttons stay within narrow viewports.

Closes #54

Validation

  • git diff --check
  • yarn workspace frontend build
  • Responsive browser check for /dashboard/available-courses with mocked auth and course API data at desktop and narrow mobile viewport sizes

Note: the build completes with existing ESLint warnings in unrelated files, plus the pre-existing missing dispatch dependency warning in the dashboard course views.

@netlify

netlify Bot commented Jun 22, 2026

Copy link
Copy Markdown

Deploy Preview for incredible-centaur-b58d2c ready!

Name Link
🔨 Latest commit 0877e04
🔍 Latest deploy log https://app.netlify.com/projects/incredible-centaur-b58d2c/deploys/6a38b43109337e00083ff9cc
😎 Deploy Preview https://deploy-preview-74--incredible-centaur-b58d2c.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

update dashboard sub view "Available Courses" to Tailwind UI

1 participant