From d49a2d4f6c78c0fdfa8fa65e0dea95e78f7c998f Mon Sep 17 00:00:00 2001
From: Benjamin Nussbaum <bnussbau@users.noreply.github.com>
Date: Sat, 13 Dec 2025 13:05:35 +0100
Subject: [PATCH] fix: styling in line with project standards

---
 .../views/livewire/catalog/trmnl.blade.php      | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/resources/views/livewire/catalog/trmnl.blade.php b/resources/views/livewire/catalog/trmnl.blade.php
index e32ae58..1b5dd50 100644
--- a/resources/views/livewire/catalog/trmnl.blade.php
+++ b/resources/views/livewire/catalog/trmnl.blade.php
@@ -204,7 +204,7 @@ class extends Component {
     @else
         <div class="grid grid-cols-1 gap-4">
             @foreach($recipes as $recipe)
-                <div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
+                <div class="rounded-xl dark:bg-white/10 border border-zinc-200 dark:border-white/10 shadow-xs">
                     <div class="px-10 py-8 space-y-6">
                         <div class="flex items-start space-x-4">
                         @php($thumb = $recipe['icon_url'] ?? $recipe['screenshot_url'])
@@ -256,17 +256,6 @@ class extends Component {
                                         </flux:button>
                                     </flux:modal.trigger>
                                 @endif
-
-
-
-                                @if($recipe['detail_url'])
-                                    <flux:button
-                                        href="{{ $recipe['detail_url'] }}"
-                                        target="_blank"
-                                        variant="subtle">
-                                        View on TRMNL
-                                    </flux:button>
-                                @endif
                             </div>
                         </div>
                     </div>
@@ -305,7 +294,7 @@ class extends Component {
                 @endif
 
                 @if($previewData['author_bio'])
-                    <div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
+                    <div class="rounded-xl dark:bg-white/10 border border-zinc-200 dark:border-white/10 shadow-xs">
                         <div class="px-10 py-8">
                             <flux:heading size="sm" class="mb-2">Description</flux:heading>
                             <flux:text size="sm">{{ $previewData['author_bio'] }}</flux:text>
@@ -314,7 +303,7 @@ class extends Component {
                 @endif
 
                 @if(data_get($previewData, 'stats.installs'))
-                    <div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
+                    <div class="rounded-xl dark:bg-white/10 border border-zinc-200 dark:border-white/10 shadow-xs">
                         <div class="px-10 py-8">
                             <flux:heading size="sm" class="mb-2">Statistics</flux:heading>
                             <flux:text size="sm">