From 8f7991e971c44e02142e2ec79516de38bce082dc Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Tue, 14 Oct 2025 10:46:15 +0200
Subject: [PATCH] refactor(explore): use grid layout for highlights tab

- Change highlights from list view to grid/card view
- Match the visual style of the writings tab
- Keep tab structure at the top
- Explore page now shows more content at once
---
 src/components/Explore.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Explore.tsx b/src/components/Explore.tsx
index d1108deb..fb495520 100644
--- a/src/components/Explore.tsx
+++ b/src/components/Explore.tsx
@@ -232,11 +232,11 @@ const Explore: React.FC<ExploreProps> = ({ relayPool, activeTab: propActiveTab }
 
       case 'highlights':
         return highlights.length === 0 ? (
-          <div className="explore-empty">
+          <div className="explore-empty" style={{ gridColumn: '1/-1', textAlign: 'center', color: 'var(--text-secondary)' }}>
             <p>No highlights yet. Your friends should start highlighting content!</p>
           </div>
         ) : (
-          <div className="highlights-list me-highlights-list">
+          <div className="explore-grid">
             {highlights.map((highlight) => (
               <HighlightItem
                 key={highlight.id}