SamProject/sam-manage
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: [rd] 바로빌 가입 프로세스 카드 배경/텍스트 inline style 적용

Browse Source
This commit is contained in:
김보곤
2026-03-20 10:31:13 +09:00
parent a5b12670fb
commit cb11e438e1
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
resources/views/rd/barobill-plan.blade.php
View File

@@ -976,35 +976,35 @@
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<div class="relative">
<div class="bg-gradient-to-br from-teal-500 to-teal-600 text-white rounded-xl p-4 h-full">
<div class="absolute -top-3 -left-3 w-8 h-8 bg-white text-teal-600 rounded-full flex items-center justify-center font-bold text-sm shadow-lg">1</div>
<div class="rounded-xl p-4 h-full" style="background: linear-gradient(135deg, #14b8a6, #0d9488); color: #fff;">
<div class="absolute -top-3 -left-3 w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm shadow-lg" style="background: #fff; color: #0d9488;">1</div>
<div class="text-2xl mb-2 mt-2"><i class="ri-edit-line"></i></div>
<h4 class="font-medium text-sm mb-1">회원사 등록</h4>
<p class="text-xs text-white/80">사업자 정보 입력 및 이용약관 동의</p>
<p class="text-xs" style="color: rgba(255,255,255,0.85);">사업자 정보 입력 및 이용약관 동의</p>
</div>
</div>
<div class="relative">
<div class="bg-gradient-to-br from-blue-500 to-blue-600 text-white rounded-xl p-4 h-full">
<div class="absolute -top-3 -left-3 w-8 h-8 bg-white text-blue-600 rounded-full flex items-center justify-center font-bold text-sm shadow-lg">2</div>
<div class="rounded-xl p-4 h-full" style="background: linear-gradient(135deg, #3b82f6, #2563eb); color: #fff;">
<div class="absolute -top-3 -left-3 w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm shadow-lg" style="background: #fff; color: #2563eb;">2</div>
<div class="text-2xl mb-2 mt-2"><i class="ri-key-2-line"></i></div>
<h4 class="font-medium text-sm mb-1">연동키 발급</h4>
<p class="text-xs text-white/80">RegistCorp API로 회원사 고유 연동키 생성</p>
<p class="text-xs" style="color: rgba(255,255,255,0.85);">RegistCorp API로 회원사 고유 연동키 생성</p>
</div>
</div>
<div class="relative">
<div class="bg-gradient-to-br from-purple-500 to-purple-600 text-white rounded-xl p-4 h-full">
<div class="absolute -top-3 -left-3 w-8 h-8 bg-white text-purple-600 rounded-full flex items-center justify-center font-bold text-sm shadow-lg">3</div>
<div class="rounded-xl p-4 h-full" style="background: linear-gradient(135deg, #a855f7, #9333ea); color: #fff;">
<div class="absolute -top-3 -left-3 w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm shadow-lg" style="background: #fff; color: #9333ea;">3</div>
<div class="text-2xl mb-2 mt-2"><i class="ri-shield-keyhole-line"></i></div>
<h4 class="font-medium text-sm mb-1">인증서 등록</h4>
<p class="text-xs text-white/80">세금계산서 발급용 공인인증서 등록</p>
<p class="text-xs" style="color: rgba(255,255,255,0.85);">세금계산서 발급용 공인인증서 등록</p>
</div>
</div>
<div class="relative">
<div class="bg-gradient-to-br from-amber-500 to-amber-600 text-white rounded-xl p-4 h-full">
<div class="absolute -top-3 -left-3 w-8 h-8 bg-white text-amber-600 rounded-full flex items-center justify-center font-bold text-sm shadow-lg">4</div>
<div class="rounded-xl p-4 h-full" style="background: linear-gradient(135deg, #f59e0b, #d97706); color: #fff;">
<div class="absolute -top-3 -left-3 w-8 h-8 rounded-full flex items-center justify-center font-bold text-sm shadow-lg" style="background: #fff; color: #d97706;">4</div>
<div class="text-2xl mb-2 mt-2"><i class="ri-bank-card-line"></i></div>
<h4 class="font-medium text-sm mb-1">포인트 충전</h4>
<p class="text-xs text-white/80">선불 포인트 충전 후 서비스 이용 시작</p>
<p class="text-xs" style="color: rgba(255,255,255,0.85);">선불 포인트 충전 후 서비스 이용 시작</p>
</div>
</div>
</div>