Improving the UI

35 views
1 hour watched
4 completions

Let's make everything look a little bit prettier before we continue.

Video thumbnail

Get full access

You need to subscribe to get full access to the video and lesson content.

Join 4.6K+ learners from companies like Shopify, Microsoft, Tiktok, AppSumo and Instacart.

$197
one-time payment

Implementing Card Component on the Front End

We're going to update our front end to use the x-card component from Laravel Luvi. This will help maintain consistency with our existing stylings.

@card <x-card-header>Header</x-card-header> <x-card-content class="p-0"> <!-- Individual link items go here --> </x-card-content> @endcard

We've added a class="p-0" to the card content to remove unnecessary padding.

Adjusting Backend Width

To make the editing page in the backend match the width of the front end, we'll update the id.blade.php file to use the same layout as username.blade.php . This ensures a consistent design experience.

We've added two important...

Subscribe now to get full access to the lesson content.

Get started →