From 388a9e6b35d6e555ebf020e9b57695771607a8cd Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Mon, 23 Jun 2025 16:15:09 +0200
Subject: [PATCH] FEATURE introducing top toolbar and sidebar styles

---
 resources/css/pages/singles.css | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/resources/css/pages/singles.css b/resources/css/pages/singles.css
index 67d71e4..85f0537 100644
--- a/resources/css/pages/singles.css
+++ b/resources/css/pages/singles.css
@@ -1,11 +1,30 @@
 .page--single-revue,
 .page--single-articles {
   .content-wrapper {
-    @apply container mx-auto grid grid-cols-12 gap-12 py-12;
-    grid-template-columns: 1fr 4fr;
+    @apply container mx-auto grid grid-cols-12 gap-12 py-12 items-start;
+    grid-template-columns: 1fr 2fr;
+  }
+
+  .top-toolbar {
+    @apply col-span-2;
+
+    .tablist {
+      @apply flex gap-12 border-b border-primary;
+      button {
+        @apply text-xl  mt-8  nunito pb-4;
+
+        &[aria-selected='true'] {
+          @apply text-primary border-b-4 border-primary;
+        }
+        &[aria-selected='false'] {
+          @apply text-carhop-gray opacity-80;
+        }
+      }
+    }
   }
 
   .sidebar {
+    @apply sticky top-0 left-0 h-fit;
     .search-field {
       input {
         @apply border border-primary w-full;