Tuto's Laravel Corner•2mo ago

Filament Labels not showing in bold

Hey @tuto1902 , all I am following the LMS tutorial videos rthat I've started live, but had to postpone because of some work required on another project and now that I am back I've noticed some minor issue that buggs me a bit and I can't seem to figure out what is causing it. It all works as the demo says and I had to do some fine tuning as the LMS Series were finished around mid January and ever since Filament and Livewire (I believe so) has also updated in versions which caused some installation conflicts to resolve. My issue is that for some bizarre reason the Labels in Course view (the one listing all episodes) are not showing in bold (e.g. Your Teacher, Description etc.). To be fair, I did copy the original file from the repo to compare assuming I've made a silly typo etc. but even with your code I am still facing the same issue. And yes, I did edit the tailwind.config.js and it contains the following lines, which should allow the tailwind tio be properly applied to all views:

import preset from './vendor/filament/support/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './app/Livewire/**/*.php',
        './resources/views/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

import preset from './vendor/filament/support/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './app/Livewire/**/*.php',
        './resources/views/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

Does anybody has an idea what could cause such an issue as most of my projects were based on Bootstrap X and I am still figuring out the magic of TailWind. For sure I can have some workarounds to achieve the same result as the demo pages but the idea of learning is to also explore and figure things out on the way of a problem. Currently I am at Episode 10. As I said, not a biggie, just tryiung to get my head around the possible issue and have it resolved for good 😉

3 Replies

MilenKo•2mo ago

For what it worth, I am seeing the proper fond size and weight in Section Tilles (Filament Bootcamp and About This Course) but not inside the sections... Also, everything gets applied properly in terms of weight('font-bold') when a video gets played, so I am even further bufled why it won't work only on Labels inside of an infolist but work correctly on Section titles and text content inside the sections... Go figure...

MilenKo•2mo ago

As they say that a picture worth a 1000 words, here is a screenshot from Lesson 12 where I've also added the button, and it is clickable and visible in the source, but not visible on the frontend still

MilenKo•2mo ago

To continue further my issue, I downloaded fully your branch 12 and set it up to be able to login with proper credentials etc. I am still experiencing the same issues, but now I have another issue (same with your repo - 403 when I try to navigate to: https://tuto-lms.test/courses/1/episodes/1 There are no logs to help me figure this out and it is strange as even with your official repo source it still shows me the same issues: 1. Tailwind styles are partially showing (Sections only) 2. route('courses.episodes.show) returns 403 having: Route::get('/courses/{course}/episodes/{episode?}', WatchEpisode::class) ->middleware(['auth']) ->name('courses.episodes.show'); Troubleshooting further your code with some extra logging abilities, I got this in my WatchEpisode.php mount method: Log::info('Mounting WatchEpisode', ['course' => $course, 'episode' => $episode]); try { $this->authorize('view', $course); } catch (\Exception $e) { Log::error('Authorization failed', ['error' => $e->getMessage()]); abort(403, 'Unauthorized'); } and it returned the results for $course and $episode as well as:

[2024-09-04 17:45:51] local.ERROR: Authorization failed {"error":"This action is unauthorized."}

[2024-09-04 17:45:51] local.ERROR: Authorization failed {"error":"This action is unauthorized."}

Now the question is, why would it not work using: $this->authorize('view', $course); when a wile back it was working perfectly fine and I am using your own code without even trying to upgrade the Laravel version (current one is 10.43.0)... Interestingly, seems like the pivot table 'course_user' is not storing data as it should and after a fresh migration and seeding the CourseSeeder, the pivot table still got empty and since the user had no course assigned to it in the pivot, it did not work... Adding manually the course with user IDs resolved the issue so I will continue as I am pretty sure we won't use seeders later on so the code changes should overcome this issuie... Finally I can contunue to finish 13 and move on to next one Thanks to my stubborness once I've found that the issue was related to database pivot table, I returned to my originaly started project as it has the latest Laravel 11 + Livewire and I made it work,. The only issue left is the styling of TailWind which awkwardly works on some components and not on others, but I will check this out later as well throughout the course...

Gaming

Programming

Filament Labels not showing in bold