💄 modification des layouts pour le sticky

Author: mckenziearts

resources/views/forum/index.blade.php

@@ -5,7 +5,7 @@
 
 @section('body')
 
-    <div class="lg:grid lg:grid-cols-12 lg:gap-8">
+    <div class="relative lg:grid lg:grid-cols-12 lg:gap-8">
         <div class="lg:block lg:col-span-2">
             @include('forum._channels')
         </div>
@@ -34,8 +34,8 @@
             </div>
         </div>
 
-        <div class="hidden lg:block lg:col-span-2 xl:col-span-3">
-            <aside class="sticky top-4 space-y-10 mt-10">
+        <div class="hidden relative mt-10 lg:block lg:col-span-2 xl:col-span-3">
+            <aside class="sticky block top-4 space-y-10">
                 <x-sponsors />
 
                 <x-ads />

resources/views/forum/thread.blade.php

@@ -5,8 +5,8 @@
 
 @section('body')
 
-    <div class="lg:grid lg:grid-cols-9 lg:gap-10">
-        <div class="hidden lg:block lg:col-span-2">
+    <div class="relative lg:grid lg:grid-cols-9 lg:gap-10">
+        <div class="hidden relative lg:block lg:col-span-2">
             <div class="sticky top-4 space-y-6">
                 <x-button :link="route('forum.new')" class="w-full flex justify-center">
                     Nouveau Sujet

resources/views/livewire/articles/browse.blade.php

@@ -1,5 +1,5 @@
-<div class="lg:grid lg:grid-cols-9 lg:gap-10">
-    <div class="hidden lg:block lg:col-span-2">
+<div class="relative lg:grid lg:grid-cols-9 lg:gap-10">
+    <div class="hidden relative lg:block lg:col-span-2">
         <div class="sticky top-4 divide-y divide-skin-base">
             <x-articles.filter :selectedSortBy="$selectedSortBy" />