From 8ce7773d3a5d5a09a70cc864f58d65135234aca7 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane@cubedesigners.com>
Date: Fri, 16 Jun 2023 13:50:40 +0200
Subject: [PATCH] wait #6042 @0:30

---
 resources/styles/components/my-account.styl   | 21 +++++++++++++++++++
 resources/styles/components/signin.styl       |  4 ++++
 .../views/pages/change_password.blade.php     |  2 +-
 .../views/pages/forgot_password.blade.php     |  2 +-
 resources/views/pages/my_account.blade.php    | 15 +++++++------
 resources/views/pages/sign_in.blade.php       |  2 +-
 6 files changed, 37 insertions(+), 9 deletions(-)

diff --git a/resources/styles/components/my-account.styl b/resources/styles/components/my-account.styl
index 933cca3..60ed4c1 100644
--- 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 f0102a9..63dba2a 100644
--- 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 53595e9..7da5de1 100644
--- 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 7d6d3aa..31ab776 100644
--- 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 5790395..4e5fcee 100644
--- 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 4829c9b..3f139b4 100644
--- 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">
-- 
2.39.5