Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change Jetstream logo in Laravel 8?

I installed Laravel 8 with Jetstream authentication. Now I want to change the login components, specifically the logo. Where are these components placed?

like image 243
skm Avatar asked Sep 27 '20 19:09

skm


People also ask

What is Jetstream laravel 8?

Jetstream provides the implementation for your application's login, registration, email verification, two-factor authentication, session management, API via Laravel Sanctum , and optional team management features. Jetstream is designed using Tailwind CSS and offers your choice of Livewire or Inertia scaffolding.


3 Answers

There is an answer in the installation tutorial.

https://jetstream.laravel.com/1.x/installation.html#application-logo

php artisan vendor:publish --tag=jetstream-views

Livewire

Next, you should customize the SVGs located in the resources/views/vendor/jetstream/components/application-logo.blade.php, resources/views/vendor/jetstream/components/authentication-card-logo.blade.php, and resources/views/vendor/jetstream/components/application-mark.blade.php components.

Inertia

Next, you should customize the SVGs located in resources/views/vendor/jetstream/components/authentication-card-logo.blade.php, resources/js/Jetstream/ApplicationLogo.vue, and resources/js/Jetstream/ApplicationMark.vue. After customizing these components, you should rebuild your assets:

like image 198
Jsowa Avatar answered Sep 20 '22 11:09

Jsowa


I found this, follow below step.

You can run below commands to publish the assets.

php artisan vendor:publish --tag=jetstream-views

After that files will be available under the folder resources/views/vendor/jetstream/components

like image 34
skm Avatar answered Sep 18 '22 11:09

skm


Just add your own html.

Do like this,

<x-slot name="logo">
    <img src="{{ url('logo.png') }}" />
</x-slot>
like image 29
muhive Avatar answered Sep 18 '22 11:09

muhive