refactor: Convert ticket views to use only Tailwind CSS

- Rewrite ticket show view to use pure Tailwind CSS classes
- Update color scheme from gray-* to slate-* for modern look
- Replace indigo gradients with violet for better consistency
- Enhance spacing, typography, and visual hierarchy
- Add ticket_view route and controller action for PDF-like display
- Implement responsive QR code display with proper sizing
- Update status badge colors for better semantic meaning
- Improve accessibility with better button layouts and focus states

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
kbe
2025-09-06 00:33:24 +02:00
parent 7ef934d8a8
commit bc47027c22
5 changed files with 234 additions and 76 deletions

View File

@@ -13,3 +13,16 @@
/* Import pages */
@import "pages/home";
/* QR Code Styles */
.qr-code-container {
@apply flex items-center justify-center;
}
.qr-code-container svg {
max-width: 100% !important;
max-height: 100% !important;
width: 208px !important;
height: 208px !important;
display: block !important;
}