How to use the custom page?
Hello, I need help using the custom page. The problem I have is with tailwind classes, when I use any color class for example "bg-green-500", this style is not applied on my page :c
Does anyone know how to solve it or what is causing it?
This is my code for my custom page
<x-filament-panels::page>
<div class="container mx-auto px-4 py-8">
<div class="inline-flex flex-row">
<h1 class=" font-bold mb-4 p-2">Docente: {{ auth()->user()->name }}</h1>
<h1 class=" font-bold mb-4 p-2">Periodo: </h1>
</div>
<table class="w-full bg-white border border-green-800 rounded-xl shadow-emerald-400">
<thead class="bg-green-500">
<tr>
<th class="py-2 px-4 ">Carrera</th>
<th class="py-2 px-4 ">Materia</th>
<th class="py-2 px-4">NRC</th>
<th class="py-2 px-4">Acción</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<table class="w-full bg-white border border-gray-200 rounded shadow-md">
<thead class="bg-green-500">
<tr>
<th colspan="6" class="py-2 text-center border-2">Horario Asignado</th>
</tr>
<tr>
<!-- Aquí mantienes tus encabezados de columna como lo tienes actualmente -->
<th class="py-2 px-4 border-2">Hora</th>
<th class="py-2 px-4 border-2">Lunes</th>
<th class="py-2 px-4 border-2">Martes</th>
<th class="py-2 px-4 border-2">Miércoles</th>
<th class="py-2 px-4 border-2">Jueves</th>
<th class="py-2 px-4 border-2">Viernes</th>
</tr>
</thead>
<tbody>
@foreach ($collection as $item)
@endforeach </tbody> </table>
<div class="container mx-auto px-4 py-8"> </div> </x-filament-panels::page>
@endforeach </tbody> </table>
<div class="container mx-auto px-4 py-8"> </div> </x-filament-panels::page>
1 Reply
You need to customize the theme.
This page may help you to understand:
https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme