wait #6042 @0:30

diff --git a/resources/styles/components/my-account.styl b/resources/styles/components/my-account.styl
index 933cca32f3fbececeb855e3108f525ea5be568ff..60ed4c18eeedcdd43510bb8e3f75ffe390248d46 100644 (file)
--- a/resources/styles/components/my-account.styl
+++ b/resources/styles/components/my-account.styl
@@ -1,9 +1,25 @@
 .account
+  .text-block
+    padding-left: 35px !important
+    +above($breakpoint-columns)
+      padding-left: 5vw !important
+
   &-header-list
     min-width: 281px !important
     right: 0
 
   &-nav-container
+    position relative
+    &:after
+      content: ""
+      background: linear-gradient(-90deg, #fff, transparent)
+      width: 100px
+      height: 100%
+      position: absolute
+      right: 0
+      top: 0
+
+  &-nav-wrapper
     overflow-x: auto
     -ms-overflow-style: none
     scrollbar-width: none
@@ -19,6 +35,11 @@
       &:not(:last-child)
         margin-right: 44px
 
+      &:last-child
+        margin-right: 54px
+        +above($breakpoint-columns)
+          margin-right: 0
+
       &:hover,&.active
         color: theme('colors.primary')
 

diff --git a/resources/styles/components/signin.styl b/resources/styles/components/signin.styl
index f0102a9c682656f52301a5dc0e14c0254aab5c2c..63dba2abd7df6a4184560223c9ebd9b833393cab 100644 (file)
--- a/resources/styles/components/signin.styl
+++ b/resources/styles/components/signin.styl
@@ -1,5 +1,9 @@
 .signin
   max-width: 744px
+  padding: 35px
+  +above($breakpoint-columns)
+    padding: 6rem
+
   label
     padding: 0 !important
   [type="checkbox"]

diff --git a/resources/views/pages/change_password.blade.php b/resources/views/pages/change_password.blade.php
index 53595e966e0365d0aecaa7e7e86f836a99e07ded..7da5de1053de3d65022523dcc2808fa95a7224d6 100644 (file)
--- a/resources/views/pages/change_password.blade.php
+++ b/resources/views/pages/change_password.blade.php
@@ -5,7 +5,7 @@
 @extends('layouts/app')
 
 @section('content')
-    <div class="signin column bg-grey-200 p-24 mx-auto mb-20">
+    <div class="signin column bg-grey-200 mx-auto mb-20">
         <div class="signin-form">
             <div class="ajax-form flex flex-col max-w-half">
                 <div class="form-info text-navy mb-10">

diff --git a/resources/views/pages/forgot_password.blade.php b/resources/views/pages/forgot_password.blade.php
index 7d6d3aaad11cd064d4eb141cf124e73bb302d706..31ab776329866650913b03aab0122805ec8549a2 100644 (file)
--- a/resources/views/pages/forgot_password.blade.php
+++ b/resources/views/pages/forgot_password.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts/app')
 
 @section('content')
-    <div class="signin column bg-grey-200 p-24 mx-auto mb-20">
+    <div class="signin column bg-grey-200 mx-auto mb-20">
         <div class="signin-form">
             <div class="ajax-form flex flex-col max-w-half">
                 <div class="form-info text-navy mb-10">

diff --git a/resources/views/pages/my_account.blade.php b/resources/views/pages/my_account.blade.php
index 5790395410a21c94a7a1393b373a3a8c377c1c37..4e5fcee48d174e6720fb1194a3228cd37d9dfc56 100644 (file)
--- a/resources/views/pages/my_account.blade.php
+++ b/resources/views/pages/my_account.blade.php
@@ -6,15 +6,18 @@
 
 @section('content')
     <full-width padding="pb-3v">
-        <content>
+        <content class="sm:p-0">
             <div class="account">
                 <text-block :title="$page->title" title-tag="h1" />
+
                 <div class="account-nav-container">
-                    <ul class="account-nav flex items-center pl-2v">
-                        <li @click="tab = 'infos'; activeTab('infos')" class="text-lg cursor-pointer" :class="{ active: tab === 'infos' }">{{ __('Mes coordonnées') }}</li>
-                        <li @click="tab = 'address'; activeTab('address')" class="text-lg cursor-pointer" :class="{ active: tab === 'address' }">{{ __('Mes adresses') }}</li>
-                        <li @click="tab = 'pw'; activeTab('pw')" class="text-lg cursor-pointer" :class="{ active: tab === 'pw' }">{{ __('Modifier mon mot de passe') }}</li>
-                    </ul>
+                    <div class="account-nav-wrapper">
+                        <ul class="account-nav flex items-center pl-2v">
+                            <li @click="tab = 'infos'; activeTab('infos')" class="text-lg cursor-pointer" :class="{ active: tab === 'infos' }">{{ __('Mes coordonnées') }}</li>
+                            <li @click="tab = 'address'; activeTab('address')" class="text-lg cursor-pointer" :class="{ active: tab === 'address' }">{{ __('Mes adresses') }}</li>
+                            <li @click="tab = 'pw'; activeTab('pw')" class="text-lg cursor-pointer" :class="{ active: tab === 'pw' }">{{ __('Modifier mon mot de passe') }}</li>
+                        </ul>
+                    </div>
                 </div>
 
                 <div class="account-container-content bg-grey-200">

diff --git a/resources/views/pages/sign_in.blade.php b/resources/views/pages/sign_in.blade.php
index 4829c9b43b0f903b5e75a72498ec5798ec710767..3f139b447cb996e5ed343dbe8c4d5c3c700cfed6 100644 (file)
--- a/resources/views/pages/sign_in.blade.php
+++ b/resources/views/pages/sign_in.blade.php
@@ -1,7 +1,7 @@
 @extends('layouts/app')
 
 @section('content')
-    <div class="signin column bg-grey-200 p-24 mx-auto mb-20">
+    <div class="signin column bg-grey-200 mx-auto mb-20">
         <div class="signin-email" v-if="!validateEmail">
             <div class="ajax-form flex flex-col max-w-half">
                 <div class="form-info text-navy mb-10">