Themes and Assets

#Compiling assets

we use tailwind Css and custom themes by filament, make sure you are familiar with tailwindcss configuration, and how to make custom filament theme.

#Custom Classes:

You need to add these files to your tailwind.config.js file in the content section.

• frontend:

  • ./vendor/lara-zeus/core/resources/views/**/*.blade.php
  • ./vendor/lara-zeus/thunder/resources/views/themes/**/*.blade.php
  • './vendor/lara-zeus/thunder/src/Models/TicketsStatus.php',

• filament:

  • './vendor/lara-zeus/thunder/resources/views/filament/**/*.blade.php',
  • './vendor/lara-zeus/thunder/src/Models/TicketsStatus.php',
  • './vendor/lara-zeus/thunder/src/Filament/Resources/TicketResource.php',

#Timeline styling:

for better styling for the time line on the Show Ticket page, you can add these css classes to your theme:

1.compact-timeline .fi-timeline-item-heading {
2  @apply shadow-none flex-col items-start md:space-y-0 md:space-x-0 gap-2 md:flex-col !important;
3}
4.compact-timeline .fi-timeline-section-content {
5  @apply shadow-none p-0 !important;
6}
7.compact-timeline {
8  @apply shadow-none ring-0 !important;
9}