Skip to content

fix: bypass Vite type error and optimize dashboard layout - #105

Merged
saifulalomdev merged 1 commit into
mainfrom
features
Jun 17, 2026
Merged

fix: bypass Vite type error and optimize dashboard layout#105
saifulalomdev merged 1 commit into
mainfrom
features

Conversation

@saifulalomdev

Copy link
Copy Markdown
Owner

📝 Description

This PR resolves a blocking TypeScript build compilation error and refines structural alignment parameters within the layout system.

Key Changes:

  • Build Bug Avoidance: Appended a // @ts-ignore flag over the Tailwind compilation hook declaration block inside astro.config.mjs. This bypasses the structural type mismatch anomaly emerging from version signature variations between the internal Astro Vite v6 instance and Tailwind's Vite v7 plugin properties.
  • UI Proportions Refinement: Scaled down the sizing container width definition inside dashboard.header.tsx from an absolute max-w-[400px] footprint to a tighter, cleaner max-w-100 class rule configuration to better preserve project styling constraints.
  • Source Imports Cleanup: Resolved trivial import ordering formatting quirks inside the primary credential actions layer script.

Fixes # (issue number)

🧪 Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Refactor / Chore (codebase maintenance or optimization)

🛠️ How Has This Been Tested?

  • Executed compilation tasks to confirm that code verification passes completely without throwing blocking module layout configuration warnings.

  • Inspected modal interface adjustments across small screen responsive viewport contexts.

  • Unit/Integration tests added/passed

  • Local manual edge verification successful

📸 Screenshots / Diffs (if applicable)

Modified Files:

  • astro.config.mjs
  • src/modules/auth/auth.actions.ts
  • src/modules/dashboard/components/dashboard.header.tsx

✅ Checklist

  • My code follows the brutalist/minimal style guidelines of this project
  • I have performed a self-review of my own code
  • My changes generate no new typescript compiler or linter errors

- Add `// @ts-ignore` to Astro config to bypass the Vite 6 vs Vite 7 Tailwind plugin type conflict
- Adjust `AlertDialogContent` max-width constraint to `max-w-100` for a tighter, brutalist UI layout
- Clean up import ordering linting anomalies inside `auth.actions.ts`
@saifulalomdev
saifulalomdev merged commit fa47c83 into main Jun 17, 2026
1 check passed
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.

1 participant