refactor: improve UI responsiveness, add currency formatting to invoice inputs, update address formatting, and refine Docker setup instructions.

This commit is contained in:
I-Fun
2026-04-05 22:37:51 +07:00
parent 1c2c10d253
commit 59a2724057
11 changed files with 70 additions and 47 deletions

View File

@@ -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>