wait #7737 @1:30

diff --git a/public/img/cover-bg/epaisseur.svg b/public/img/cover-bg/epaisseur.svg
new file mode 100644 (file)
index 0000000..40fb51d
--- /dev/null
+++ b/public/img/cover-bg/epaisseur.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="3.339" height="520.904" viewBox="0 0 3.339 520.904">
+    <defs>
+        <filter id="Rectangle_51">
+            <feOffset dx="3" input="SourceAlpha"/>
+            <feGaussianBlur stdDeviation="1.5" result="blur"/>
+            <feFlood flood-opacity="0.251" result="color"/>
+            <feComposite operator="out" in="SourceGraphic" in2="blur"/>
+            <feComposite operator="in" in="color"/>
+            <feComposite operator="in" in2="SourceGraphic"/>
+        </filter>
+    </defs>
+    <g data-type="innerShadowGroup">
+        <rect id="Rectangle_51-2" data-name="Rectangle 51" width="3.339" height="520.904" fill="#fff"/>
+        <g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Rectangle_51)">
+            <rect id="Rectangle_51-3" data-name="Rectangle 51" width="3.339" height="520.904" fill="#fff"/>
+        </g>
+    </g>
+</svg>

diff --git a/resources/sass/_home.scss b/resources/sass/_home.scss
index 5eb973740e12b3e4c54d7ee993d189bd0c0adc16..46402872e4203c2f377b3d25894ad08289fbe556 100644 (file)
--- a/resources/sass/_home.scss
+++ b/resources/sass/_home.scss
@@ -76,11 +76,13 @@
             width: auto;
             height: 100%;
             position: absolute;
+            z-index: 1;
             top: 0;
             left: 0;
 
             @include media-breakpoint-up(xl) {
-                position: static;
+                position: relative;
+                z-index: 2;
                 width: 100%;
             }
         }
@@ -94,7 +96,8 @@
             right: 0;
             z-index: 1;
             @include media-breakpoint-up(xl) {
-                position: static;
+                position: relative;
+                z-index: 2;
                 transform-origin: right;
                 &.onmouseover {
                     transform: rotateY(360deg);
@@ -298,6 +301,9 @@
                 img {
                     width: 100%;
                 }
+                .tickness {
+                    display: none;
+                }
             }
             button {
                 background: transparent;

diff --git a/resources/views/components/cover.blade.php b/resources/views/components/cover.blade.php
index 7313876fe3f9587e29f5998454798b0bf032c5a7..ef05a8d0d3a1b338892e98f8f1db9554ec5aa94c 100644 (file)
--- a/resources/views/components/cover.blade.php
+++ b/resources/views/components/cover.blade.php
@@ -1,7 +1,10 @@
 <div class="cover {{$class}}">
     <a class="img-link cursor-pointer {{!Auth::check() ? 'notConnected' : ''}}" href="{{Auth::check() ? $link : '#'}}"
        target="{{Auth::check() ? $target : '_self'}}">
-        <img class="d-block cover-over box-shadow-cover" src="{{$pdf->coverUrl}}" alt="">
+        <div class="relative">
+            <img class="d-block cover-over box-shadow-cover" src="{{$pdf->coverUrl}}" alt="">
+            <div class="tickness h-[99%] bg-white absolute right-0 top-1/2 w-[3px] translate-x-full -translate-y-1/2"></div>
+        </div>
         <div class="shadowcover">
             <img class="max-h-[39px]" src="{{ @asset('img/ombre-magazine.svg') }}"/>
         </div>

diff --git a/resources/views/home/index.blade.php b/resources/views/home/index.blade.php
index 00a9db556a39de145599c5f039b30df33f69e4f8..8737caef75ccc67b63b3581c5467a18f37009350 100644 (file)
--- a/resources/views/home/index.blade.php
+++ b/resources/views/home/index.blade.php
@@ -61,12 +61,15 @@
                 <div class="col-xl-4 col2 flex flex-col position-relative right-block" style="z-index:1;">
                     <h2 class="!m-0 regulartitle">{!! $settings->byKey('title_discover_home') !!}</h2>
                     <div class="psq-home-pdfimage relative">
-                        <img src="{{ $last_pdf->get(1)->coverUrl }}" alt="" class="fb box-shadow-cover"/>
+                        <div class="max-xl:absolute max-xl:w-[172px] max-xl:h-full relative">
+                            <img src="{{ $last_pdf->get(1)->coverUrl }}" alt="" class="fb box-shadow-cover"/>
+                            <div class="tickness h-[99%] bg-white absolute right-0 top-1/2 w-[3px] translate-x-full -translate-y-1/2"></div>
+                        </div>
                         <div class="pastille-inner">
-                            <div class="pastille z-1 back">
+                            <div class="pastille z-3 back">
                                 <span class="opacity-0">{!! $settings->byKey('text_discover_home') !!}</span>
                             </div>
-                            <div class="pastille z-1 front">
+                            <div class="pastille z-3 front">
                                 {!! $settings->byKey('text_discover_home') !!}
                             </div>
                         </div>