antv/thankcard-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature: my page

Browse Source
This commit is contained in:
antv
2026-07-03 16:54:43 +07:00
parent 1943f23406
commit d8f0e48bf3
7 changed files with 126 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/thank-card.blade.php
+7 -7
View File
@@ -1,16 +1,16 @@
@props(['title', 'message', 'isLiked' => false, 'bgClass', 'titleColorClass', 'textColorClass'])
@props(['title', 'message', 'isLiked' => false, 'bgClass', 'titleColorClass', 'textColorClass', 'style' => ''])
<div class="rounded-[20px] p-5 border border-gray-100 shadow-sm {{ $bgClass }} transition-transform hover:-translate-y-1 hover:shadow-lg w-full">
<h4 class="text-center font-black text-[18px] text-[#1E293B] uppercase tracking-wider mb-3">
<div class="rounded-3xl p-5 shadow-[0_10px_30px_rgba(15,23,42,0.05)] {{ $bgClass }} transition-transform hover:-translate-y-1 hover:shadow-[0_15px_40px_rgba(15,23,42,0.08)] w-full min-h-[180px]" style="{{ $style }}">
<h4 class="text-center font-black text-[18px] {{ $titleColorClass }} uppercase tracking-wider mb-3">
@if(str_contains($title, 'GREAT JOB'))
✨ {{ $title }} ✨
<span class="opacity-40 text-[16px] mr-1">✨</span>{{ $title }}<span class="opacity-40 text-[16px] ml-1">✨</span>
@elseif(str_contains($title, 'YOU ROCK'))
🌟 {{ $title }} 🌟
<span class="opacity-40 text-[16px] mr-1">🌟</span>{{ $title }}<span class="opacity-40 text-[16px] ml-1">🌟</span>
@else
💖 {{ $title }} 💖
<span class="opacity-40 text-[16px] mr-1">💖</span>{{ $title }}<span class="opacity-40 text-[16px] ml-1">💖</span>
@endif
</h4>
<p class="text-left text-[13px] text-[#475569] font-semibold leading-relaxed italic px-2">
<p class="text-left text-[14px] text-[#4B5563] font-medium leading-[1.8] italic px-2">
"{{ $message }}"
</p>
</div>