|
1 | 1 | <div class="fr-container">
|
2 | 2 | <div class="fr-grid-row">
|
3 |
| - <div class="fr-col-md-6 fr-col-3 fr-col-12"> |
4 |
| - <div class="fr-m-3w"> |
5 |
| - <%= image_tag "logo-welcome-page.svg", alt: "Welcome Page Logo" %> |
6 |
| - </div> |
| 3 | + <div class="fr-col-sm-12 fr-col-md-5"> |
| 4 | + <%= image_tag "logo-welcome-page.svg", alt: "Welcome Page Logo", class: %w(fr-responsive-img fr-mt-3w) %> |
7 | 5 | </div>
|
8 | 6 |
|
9 |
| - <div class="fr-col-md-6 fr-col-3 fr-col-12"> |
10 |
| - <div class="fr-m-3w"> |
11 |
| - <div class="fr-connect-group"> |
12 |
| - <h2> |
13 |
| - <%= t('.title').html_safe %> |
14 |
| - </h2> |
| 7 | + <div class="fr-col-sm-12 fr-col-md-7"> |
| 8 | + <div class="fr-connect-group fr-mt-3w"> |
| 9 | + <h2> |
| 10 | + <%= t('.title').html_safe %> |
| 11 | + </h2> |
15 | 12 |
|
16 |
| - <p> |
17 |
| - <%= t('.sub_title').html_safe %> |
18 |
| - </p> |
| 13 | + <p> |
| 14 | + <%= t('.sub_title').html_safe %> |
| 15 | + </p> |
19 | 16 |
|
20 |
| - <div class="fr-mb-3w"> |
21 |
| - <div class="new-login-container"> |
22 |
| - <p> |
23 |
| - <%= t('.mcp_connexion').html_safe %> |
24 |
| - </p> |
25 |
| - <%= form_with(url: '/auth/mon_compte_pro', method: :post, data: { turbo: false }) do |f| %> |
26 |
| - <%= f.button class: %w(fr-connect fr-connect-moncomptepro fr-m-auto), id: 'login_mon_compte_pro' do %> |
27 |
| - <span class="fr-connect__login"> |
28 |
| - <%= t('.mcp_login').html_safe %> |
29 |
| - </span> |
30 |
| - <span class="fr-connect__brand"> |
31 |
| - <%= t('.mcp_brand').html_safe %> |
32 |
| - </span> |
33 |
| - <% end %> |
34 |
| - |
35 |
| - <p> |
36 |
| - <a href="https://moncomptepro.beta.gouv.fr/" target="_blank" rel="noopener" title="Qu’est-ce que MonComptePro ? - Nouvelle fenêtre"> |
37 |
| - <%= t('.mcp_subtitle').html_safe %> |
38 |
| - </a> |
39 |
| - </p> |
| 17 | + <div class="fr-mb-3w"> |
| 18 | + <div class="new-login-container"> |
| 19 | + <p> |
| 20 | + <%= t('.mcp_connexion').html_safe %> |
| 21 | + </p> |
| 22 | + <%= form_with(url: '/auth/mon_compte_pro', method: :post, data: { turbo: false }) do |f| %> |
| 23 | + <%= f.button class: %w(fr-connect fr-connect-moncomptepro fr-m-auto), id: 'login_mon_compte_pro' do %> |
| 24 | + <span class="fr-connect__login"> |
| 25 | + <%= t('.mcp_login').html_safe %> |
| 26 | + </span> |
| 27 | + <span class="fr-connect__brand"> |
| 28 | + <%= t('.mcp_brand').html_safe %> |
| 29 | + </span> |
40 | 30 | <% end %>
|
41 |
| - </div> |
42 |
| - </div> |
43 | 31 |
|
44 |
| - <div class="fr-mb-3w"> |
45 |
| - <div class="new-login-container"> |
46 | 32 | <p>
|
47 |
| - <%= t('.api_gouv_title').html_safe %> |
| 33 | + <a href="https://moncomptepro.beta.gouv.fr/" target="_blank" rel="noopener" title="Qu’est-ce que MonComptePro ? - Nouvelle fenêtre"> |
| 34 | + <%= t('.mcp_subtitle').html_safe %> |
| 35 | + </a> |
48 | 36 | </p>
|
49 |
| - <div class="fr-mb-2w"> |
50 |
| - <div class=" fr-btn fr-btn--secondary fr-m-auto"> |
51 |
| - <a href="https://api.gouv.fr/" target="_blank" rel="noopener" title="api.gouv.fr - Nouvelle fenêtre"> |
52 |
| - <%= t('.api_gouv').html_safe %> |
53 |
| - </a> |
54 |
| - </div> |
| 37 | + <% end %> |
| 38 | + </div> |
| 39 | + </div> |
| 40 | + |
| 41 | + <div class="fr-mb-3w"> |
| 42 | + <div class="new-login-container"> |
| 43 | + <p> |
| 44 | + <%= t('.api_gouv_title').html_safe %> |
| 45 | + </p> |
| 46 | + <div class="fr-mb-2w"> |
| 47 | + <div class=" fr-btn fr-btn--secondary fr-m-auto"> |
| 48 | + <a href="https://api.gouv.fr/" target="_blank" rel="noopener" title="api.gouv.fr - Nouvelle fenêtre"> |
| 49 | + <%= t('.api_gouv').html_safe %> |
| 50 | + </a> |
55 | 51 | </div>
|
56 | 52 | </div>
|
57 | 53 | </div>
|
|
0 commit comments