Skip to main content

Customize Layout with Vue/Tailwind

Premium
5 min read

In this lesson, we will explore how to change the look of the page's main elements: the logo, colors, layout, and navigation.


Changing the App Name

Your application's default name at the top left, beside the logo, is "Laravel Starter Kit". You can change it in the logo component file.

resources/js/components/AppLogo.vue

BEFORE:

<span class="mb-0.5 truncate font-semibold leading-none">Laravel Starter Kit</span>

AFTER:

<span class="mb-0.5 truncate font-semibold leading-none">Vue Tasks</span>

Changing the Name COLOR

With the same example, let's change the color with Tailwind, adding...

The Full Lesson is Only for Premium Members

Want to access all of our courses? (30 h 09 min)

You also get:

55 courses
Premium tutorials
Access to repositories
Private Discord
Get Premium for $129/year or $29/month

Already a member? Login here

Comments & Discussion

No comments yet…

We'd Love Your Feedback

Tell us what you like or what we can improve

Feel free to share anything you like or dislike about this page or the platform in general.