refactor: improve UI responsiveness, add currency formatting to invoice inputs, update address formatting, and refine Docker setup instructions.
This commit is contained in:
@@ -8,19 +8,6 @@
|
||||
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-3 mb-5">
|
||||
<div class="flex gap-2 flex-wrap">
|
||||
<a href="{{ route('content.create') }}" class="btn-sakura text-sm shrink-0">+ New Brief</a>
|
||||
@foreach(['instagram', 'tiktok', 'youtube'] as $p)
|
||||
<a href="{{ request()->fullUrlWithQuery(['platform' => $p]) }}"
|
||||
class="px-3 py-1.5 rounded-full text-xs font-semibold transition-colors
|
||||
{{ request('platform') === $p ? 'text-white' : 'bg-white text-gray-500 hover:bg-pink-50 border border-pink-100' }}"
|
||||
style="{{ request('platform') === $p ? 'background:#FFB7C5' : '' }}">
|
||||
{{ ['instagram' => '📸', 'tiktok' => '🎵', 'youtube' => '▶️'][$p] }} {{ ucfirst($p) }}
|
||||
</a>
|
||||
@endforeach
|
||||
@if(request('platform'))
|
||||
<a href="{{ route('content.index') }}"
|
||||
class="px-3 py-1.5 rounded-full text-xs text-gray-400 hover:text-gray-600 border border-gray-200 bg-white">✕
|
||||
Clear</a>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -36,8 +23,19 @@
|
||||
@php $status = $col['status']; @endphp
|
||||
|
||||
{{-- Column shell — layout only, NOT the sort target --}}
|
||||
@php
|
||||
$bgColors = [
|
||||
'drafting' => '#f2f2f2',
|
||||
'filming' => 'rgba(251, 189, 35, 0.2)',
|
||||
'editing' => 'rgba(58, 191, 248, 0.2)',
|
||||
'review' => 'rgba(240, 0, 184, 0.2)',
|
||||
'posted' => 'rgba(54, 211, 153, 0.2)',
|
||||
'archived' => 'rgba(42, 50, 60, 0.2)',
|
||||
];
|
||||
$bgStyle = isset($bgColors[$status->value]) ? 'background-color: ' . $bgColors[$status->value] . ';' : '';
|
||||
@endphp
|
||||
<div class="{{ $status->colorClass() }} flex flex-col w-full lg:flex-1 lg:min-w-36 rounded-2xl p-3"
|
||||
data-status="{{ $status->value }}">
|
||||
style="{{ $bgStyle }}" data-status="{{ $status->value }}">
|
||||
|
||||
{{-- Column header --}}
|
||||
<div class="flex items-center justify-between mb-3">
|
||||
@@ -54,7 +52,7 @@
|
||||
|
||||
@foreach($col['items'] as $brief)
|
||||
<div class="bg-white rounded-2xl p-3 shadow-sm border border-pink-50 select-none
|
||||
cursor-grab active:cursor-grabbing hover:shadow-md transition-shadow kanban-item"
|
||||
cursor-grab active:cursor-grabbing hover:shadow-md transition-shadow kanban-item"
|
||||
data-id="{{ $brief->id }}">
|
||||
<div class="flex items-start gap-2 mb-1.5">
|
||||
<span class="text-sm shrink-0">{{ $brief->platform_icon }}</span>
|
||||
@@ -93,7 +91,7 @@
|
||||
{{-- Add button --}}
|
||||
<a href="{{ route('content.create') }}?status={{ $status->value }}"
|
||||
class="mt-3 text-xs text-gray-400 hover:text-pink-500 text-center py-2
|
||||
border-2 border-dashed border-pink-100 rounded-2xl hover:border-pink-300 transition-colors block">
|
||||
border-2 border-dashed border-pink-100 rounded-2xl hover:border-pink-300 transition-colors block">
|
||||
+ Add
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user