Laravel France

personaliser fortify

Avatar de PatrickDuwelz
PatrickDuwelz

bjr je suis nouveau et je voudrais modifier le logo sur les page login, register , rest password sur fortify. si une personne pouvez me venir en aide sa serais super. merci d'avance pour tous l'aide que vous pourrez m'apporter

<x-slot name="logo">
            <x-jet-authentication-card-logo />
        </x-slot>
Avatar de bestmomo
bestmomo

Salut,

Ce n'est pas Fortify mais Jetstream qui gère l'aspect. Le composant authentication-card-logo se trouve dans les fichiers du vendor de Jetstream, donc non modifiables donc il faut supprimer ce composant dans les vues et en mettre un personnalisé ou alors mettre directement le code, là par exemple un simple cercle SVG en conservant le lien d'origine :

<x-slot name="logo">
  <a href="/">
      <svg class="w-16 h-16" viewbox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
        <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="3" fill="green" />
      </svg>
  </a>
</x-slot>
Avatar de PatrickDuwelz
PatrickDuwelz

Merci pour ta response

Avatar de DonDiegoAA
DonDiegoAA

Bonjour,

je suis nouveau ici, et je démarre depuis peu mon expérience laravel8 / Jetstream / Livewire / Tailwind / Alpine.... beaucoup de choses à (ré)apprendre. Je suis tombé sur le forum par hasard via une recherche google sur le sujet. Bref, la réponse précédente n'est pas tout à fait exacte, comme indiqué sur la doc de Jetstream https://jetstream.laravel.com/1.x/installation.html#application-logo Les composants de Jetstream sont en fait tout à fait modifiables, ils faut juste d'abord les publier:

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

Si vous utilisez Livewire, vous pouvez alors modifier ces 3 composants pour changer le logo:

  • resources/views/vendor/jetstream/components/application-logo.blade.php
  • resources/views/vendor/jetstream/components/authentication-card-logo.blade.php
  • resources/views/vendor/jetstream/components/application-mark.blade.php

Avec Inertia, il faut modifier ces fichiers:

  • resources/views/vendor/jetstream/components/authentication-card-logo.blade.php
  • resources/js/Jetstream/ApplicationLogo.vue
  • resources/js/Jetstream/ApplicationMark.vue

Puis npm run dev

Avatar de bestmomo
bestmomo

Salut,

Oui tu as raison, depuis j'ai bien creusé l'affaire. D'ailleurs plus je fouille et moins j'aime Livewire, franchement je ne comprends pas l'engouement qu'il suscite.

Vous ne pouvez pas répondre à ce sujet.