mirror of
https://github.com/usetrmnl/byos_laravel.git
synced 2026-01-14 07:27:47 +00:00
styling in line with project standards
This commit is contained in:
parent
676ce70854
commit
7135345cf4
1 changed files with 17 additions and 11 deletions
|
|
@ -204,7 +204,8 @@ 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 p-6 space-y-6">
|
<div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
||||||
|
<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'])
|
||||||
@if($thumb)
|
@if($thumb)
|
||||||
|
|
@ -270,6 +271,7 @@ class extends Component {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
@endforeach
|
@endforeach
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
@ -303,20 +305,24 @@ 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 p-4">
|
<div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
||||||
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
@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 p-4">
|
<div class="rounded-xl border bg-white dark:bg-stone-950 dark:border-stone-800 text-stone-800 shadow-xs">
|
||||||
|
<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">
|
||||||
Installs: {{ data_get($previewData, 'stats.installs') }} ·
|
Installs: {{ data_get($previewData, 'stats.installs') }} ·
|
||||||
Forks: {{ data_get($previewData, 'stats.forks') }}
|
Forks: {{ data_get($previewData, 'stats.forks') }}
|
||||||
</flux:text>
|
</flux:text>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
@endif
|
@endif
|
||||||
|
|
||||||
<div class="flex items-center justify-end pt-4 border-t border-gray-200 dark:border-gray-700 space-x-3">
|
<div class="flex items-center justify-end pt-4 border-t border-gray-200 dark:border-gray-700 space-x-3">
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue