|
11 | 11 | @csrf
|
12 | 12 | @method('PUT')
|
13 | 13 | <div>
|
14 |
| - <h3 class="text-lg leading-6 font-medium text-skin-inverted"> |
| 14 | + <h3 class="text-lg font-medium leading-6 text-skin-inverted"> |
15 | 15 | Profil
|
16 | 16 | </h3>
|
17 |
| - <p class="mt-1 max-w-2xl text-sm text-skin-base font-normal"> |
| 17 | + <p class="max-w-2xl mt-1 text-sm font-normal text-skin-base"> |
18 | 18 | Vous trouverez ci-dessous les informations de votre profil pour votre compte.
|
19 | 19 | </p>
|
20 | 20 | </div>
|
21 |
| - <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5"> |
| 21 | + <div class="mt-6 space-y-6 sm:mt-5 sm:space-y-5"> |
22 | 22 | <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-skin-base sm:pt-5">
|
23 |
| - <x-label for="username" class="sm:mt-px sm:pt-2">Pseudo</x-label> |
| 23 | + <x-label for="username" class="sm:mt-px sm:pt-2 text-skin-inverted-muted">Pseudo</x-label> |
24 | 24 | <div class="mt-1 sm:mt-0 sm:col-span-2">
|
25 |
| - <div class="max-w-lg flex rounded-md shadow-sm"> |
| 25 | + <div class="flex max-w-lg rounded-md shadow-sm"> |
26 | 26 | <x-input
|
27 | 27 | type="text"
|
28 | 28 | name="username"
|
|
39 | 39 | </div>
|
40 | 40 |
|
41 | 41 | <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-skin-base sm:pt-5">
|
42 |
| - <x-label for="about" class="sm:mt-px sm:pt-2">Bio</x-label> |
| 42 | + <x-label for="about" class="sm:mt-px sm:pt-2 text-skin-inverted-muted">Bio</x-label> |
43 | 43 | <div class="mt-1 sm:mt-0 sm:col-span-2">
|
44 | 44 | <x-textarea id="about" name="bio" rows="3" class="max-w-lg" maxlength="160">
|
45 | 45 | {{ Auth::user()->bio }}
|
46 | 46 | </x-textarea>
|
47 |
| - <p class="mt-2 text-sm text-skin-muted font-normal">Écrivez quelques phrases sur vous-même.</p> |
| 47 | + <p class="mt-2 text-sm font-normal text-skin-muted">Écrivez quelques phrases sur vous-même.</p> |
48 | 48 | </div>
|
49 | 49 | </div>
|
50 | 50 |
|
51 | 51 | <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-center sm:border-t sm:border-skin-base sm:pt-5">
|
52 | 52 | <div class="sm:mt-px sm:pt-2">
|
53 |
| - <x-label for="photo">Photo</x-label> |
54 |
| - <p class="hidden sm:block text-skin-muted text-sm font-normal">Celle-ci sera affiché sur votre profil.</p> |
| 53 | + <x-label for="photo" class="text-skin-inverted-muted">Photo</x-label> |
| 54 | + <p class="hidden text-sm font-normal sm:block text-skin-muted">Celle-ci sera affiché sur votre profil.</p> |
55 | 55 | </div>
|
56 | 56 | <div class="mt-1 sm:mt-0 sm:col-span-2">
|
57 |
| - <div class="max-w-lg w-full"> |
58 |
| - <x-media-library-attachment name="avatar" rules="mimes:png,jpg,jpeg|max:1024"/> |
| 57 | + <div class="w-full max-w-lg"> |
| 58 | + |
59 | 59 | </div>
|
60 | 60 | </div>
|
61 | 61 | </div>
|
|
70 | 70 | name="website"
|
71 | 71 | type="url"
|
72 | 72 | autocomplete="email"
|
73 |
| - container-input-class="max-w-lg w-full" |
| 73 | + container-input-class="w-full max-w-lg" |
74 | 74 | placeholder="https://www.example.com"
|
75 | 75 | :value="Auth::user()->website"
|
76 | 76 | />
|
|
80 | 80 | </div>
|
81 | 81 | <div class="pt-8 space-y-6 sm:pt-10 sm:space-y-5">
|
82 | 82 | <div>
|
83 |
| - <h3 class="text-lg leading-6 font-medium text-skin-inverted"> |
| 83 | + <h3 class="text-lg font-medium leading-6 text-skin-inverted"> |
84 | 84 | Informations personnelles
|
85 | 85 | </h3>
|
86 |
| - <p class="mt-1 text-sm text-skin-base font-normal"> |
| 86 | + <p class="mt-1 text-sm font-normal text-skin-base"> |
87 | 87 | Mettez à jour vos informations personnelles. Votre adresse ne sera jamais accessible au public.
|
88 | 88 | </p>
|
89 | 89 | </div>
|
|
92 | 92 | <label for="name" class="block text-sm font-medium text-skin-inverted-muted sm:mt-px sm:pt-2">
|
93 | 93 | Nom
|
94 | 94 | </label>
|
95 |
| - <div class="mt-1 sm:mt-0 sm:col-span-2 relative"> |
96 |
| - <x-input type="text" name="name" id="name" container-input-class="max-w-lg w-full" :value="Auth::user()->name" required /> |
| 95 | + <div class="relative mt-1 sm:mt-0 sm:col-span-2"> |
| 96 | + <x-input type="text" name="name" id="name" container-input-class="w-full max-w-lg" :value="Auth::user()->name" required /> |
97 | 97 | </div>
|
98 | 98 | </div>
|
99 | 99 |
|
100 | 100 | <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-skin-base sm:pt-5">
|
101 | 101 | <label for="email" class="block text-sm font-medium text-skin-inverted-muted sm:mt-px sm:pt-2">
|
102 | 102 | Adresse E-mail
|
103 | 103 | </label>
|
104 |
| - <div class="mt-1 sm:mt-0 sm:col-span-2 relative"> |
| 104 | + <div class="relative mt-1 sm:mt-0 sm:col-span-2"> |
105 | 105 | <div class="flex items-center space-x-3">
|
106 | 106 | <x-email
|
107 | 107 | name="email"
|
|
113 | 113 | />
|
114 | 114 |
|
115 | 115 | @unless(Auth::user()->hasVerifiedEmail())
|
116 |
| - <x-heroicon-o-exclamation class="h-6 w-6 text-yellow-500" /> |
| 116 | + <x-heroicon-o-exclamation class="w-6 h-6 text-yellow-500" /> |
117 | 117 | @endunless
|
118 | 118 | </div>
|
119 | 119 | @unless(Auth::user()->hasVerifiedEmail())
|
120 |
| - <p class="mt-2 text-sm text-skin-base font-sans"> |
| 120 | + <p class="mt-2 font-sans text-sm text-skin-base"> |
121 | 121 | Cette adresse mail n'est pas vérifiée.
|
122 | 122 |
|
123 |
| - <a href="{{ route('verification.notice') }}" class="text-skin-primary underline hover:text-skin-primary-hover"> |
| 123 | + <a href="{{ route('verification.notice') }}" class="underline text-skin-primary hover:text-skin-primary-hover"> |
124 | 124 | Renvoyer l'e-mail de vérification.
|
125 | 125 | </a>
|
126 | 126 | </p>
|
|
132 | 132 | <label for="location" class="block text-sm font-medium text-skin-inverted-muted sm:mt-px sm:pt-2">
|
133 | 133 | Localisation
|
134 | 134 | </label>
|
135 |
| - <div class="mt-1 sm:mt-0 sm:col-span-2 relative"> |
| 135 | + <div class="relative mt-1 sm:mt-0 sm:col-span-2"> |
136 | 136 | <x-input id="location" name="location" type="text" autocomplete="email" container-input-class="max-w-lg" :value="Auth::user()->location" />
|
137 | 137 | </div>
|
138 | 138 | </div>
|
|
141 | 141 | <label for="phone_number" class="block text-sm font-medium text-skin-inverted-muted sm:mt-px sm:pt-2">
|
142 | 142 | Numéro de téléphone
|
143 | 143 | </label>
|
144 |
| - <div class="mt-1 sm:mt-0 sm:col-span-2 relative"> |
| 144 | + <div class="relative mt-1 sm:mt-0 sm:col-span-2"> |
145 | 145 | <x-input type="tel" name="phone_number" id="phone_number" container-input-class="block max-w-lg" :value="Auth::user()->phone_number" isPhone />
|
146 | 146 | </div>
|
147 | 147 | </div>
|
148 | 148 | </div>
|
149 | 149 | </div>
|
150 | 150 | <div class="pt-8 space-y-6 sm:pt-10 sm:space-y-5">
|
151 | 151 | <div>
|
152 |
| - <h3 class="text-lg leading-6 font-medium text-skin-inverted"> |
| 152 | + <h3 class="text-lg font-medium leading-6 text-skin-inverted"> |
153 | 153 | Réseaux sociaux
|
154 | 154 | </h3>
|
155 |
| - <p class="mt-1 max-w-2xl text-sm text-skin-base font-normal"> |
| 155 | + <p class="max-w-2xl mt-1 text-sm font-normal text-skin-base"> |
156 | 156 | Faites savoir à tout le monde où ils peuvent vous trouver.
|
157 | 157 | </p>
|
158 | 158 | </div>
|
159 |
| - <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5"> |
| 159 | + <div class="mt-6 space-y-6 sm:mt-5 sm:space-y-5"> |
160 | 160 | <div class="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-skin-base sm:pt-5">
|
161 | 161 | <label class="block text-sm font-medium text-skin-inverted-muted sm:mt-px sm:pt-2">
|
162 | 162 | Entrez votre pseudo Twitter sans le symbole @ en tête.
|
163 | 163 | </label>
|
164 |
| - <div class="mt-1 sm:mt-0 sm:col-span-2 space-y-4"> |
165 |
| - <div class="max-w-lg flex"> |
| 164 | + <div class="mt-1 space-y-4 sm:mt-0 sm:col-span-2"> |
| 165 | + <div class="flex max-w-lg"> |
166 | 166 | <x-input
|
167 | 167 | type="text"
|
168 | 168 | name="twitter_profile"
|
|
174 | 174 | :value="Auth::user()->twitter()"
|
175 | 175 | />
|
176 | 176 | </div>
|
177 |
| - <div class="max-w-lg flex"> |
| 177 | + <div class="flex max-w-lg"> |
178 | 178 | <x-input
|
179 | 179 | type="text"
|
180 | 180 | name="github_profile"
|
|
186 | 186 | :value="Auth::user()->githubUsername()"
|
187 | 187 | />
|
188 | 188 | </div>
|
189 |
| - <div class="max-w-lg flex"> |
| 189 | + <div class="flex max-w-lg"> |
190 | 190 | <x-input
|
191 | 191 | type="text"
|
192 | 192 | name="linkedin_profile"
|
|
0 commit comments