fix: styling in line with project standards
Some checks failed
tests / ci (push) Has been cancelled

This commit is contained in:
Benjamin Nussbaum 2025-12-13 13:05:35 +01:00
parent be2bb637c9
commit d49a2d4f6c

View file

@ -204,7 +204,7 @@ class extends Component {
@else @else
<div class="grid grid-cols-1 gap-4"> <div class="grid grid-cols-1 gap-4">
@foreach($recipes as $recipe) @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="px-10 py-8 space-y-6">
<div class="flex items-start space-x-4"> <div class="flex items-start space-x-4">
@php($thumb = $recipe['icon_url'] ?? $recipe['screenshot_url']) @php($thumb = $recipe['icon_url'] ?? $recipe['screenshot_url'])
@ -256,17 +256,6 @@ class extends Component {
</flux:button> </flux:button>
</flux:modal.trigger> </flux:modal.trigger>
@endif @endif
@if($recipe['detail_url'])
<flux:button
href="{{ $recipe['detail_url'] }}"
target="_blank"
variant="subtle">
View on TRMNL
</flux:button>
@endif
</div> </div>
</div> </div>
</div> </div>
@ -305,7 +294,7 @@ class extends Component {
@endif @endif
@if($previewData['author_bio']) @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"> <div class="px-10 py-8">
<flux:heading size="sm" class="mb-2">Description</flux:heading> <flux:heading size="sm" class="mb-2">Description</flux:heading>
<flux:text size="sm">{{ $previewData['author_bio'] }}</flux:text> <flux:text size="sm">{{ $previewData['author_bio'] }}</flux:text>
@ -314,7 +303,7 @@ class extends Component {
@endif @endif
@if(data_get($previewData, 'stats.installs')) @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"> <div class="px-10 py-8">
<flux:heading size="sm" class="mb-2">Statistics</flux:heading> <flux:heading size="sm" class="mb-2">Statistics</flux:heading>
<flux:text size="sm"> <flux:text size="sm">