|
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