forked from AcaMate/AcaMate_Web
62 lines
6.2 KiB
Plaintext
62 lines
6.2 KiB
Plaintext
<div class="flex-shrink-0 w-[600px] h-72 p-6 rounded-lg outline outline-2 outline-offset-[-2px] outline-neutral-400 inline-flex flex-col justify-between items-start overflow-hidden">
|
|
<div class="self-stretch inline-flex justify-between items-start">
|
|
<div class="w-72 inline-flex flex-col justify-start items-start gap-2">
|
|
<div class="justify-center text-stone-900 text-2xl font-bold font-['Noto_Sans_KR']">출석 확인</div>
|
|
<div class="self-stretch inline-flex justify-start items-start gap-1">
|
|
<div class="justify-center text-neutral-600 text-base font-normal font-['Noto_Sans_KR']">최근</div>
|
|
<div class="justify-center text-stone-900 text-base font-medium font-['Noto_Sans_KR']">@Attendance.Month 월</div>
|
|
<div class="justify-center text-neutral-600 text-base font-normal font-['Noto_Sans_KR']">의 출석을 확인할 수 있습니다.</div>
|
|
</div>
|
|
</div>
|
|
<div class="w-6 h-6 relative overflow-hidden">
|
|
<div class="w-2 h-3 left-[8px] top-[6px] absolute bg-stone-500"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="self-stretch inline-flex justify-between items-center">
|
|
<div class="inline-flex flex-col justify-start items-start gap-2">
|
|
<div class="w-20 py-1 inline-flex justify-center items-center gap-1">
|
|
<div class="text-center justify-center text-stone-900 text-base font-medium font-['Noto_Sans_KR'] leading-normal">월간</div>
|
|
<div class="text-center justify-center text-neutral-600 text-base font-normal font-['Noto_Sans_KR'] leading-normal">출석</div>
|
|
</div>
|
|
<div class="self-stretch inline-flex justify-start items-center gap-4">
|
|
<div class="w-20 h-20 relative">
|
|
<div class="w-14 h-14 left-[70px] top-[10px] absolute origin-top-left rotate-90 rounded-full outline outline-[12px] outline-offset-[-6px] outline-stone-400"></div>
|
|
<div class="w-14 h-14 left-[10px] top-[10px] absolute rounded-full outline outline-[12px] outline-offset-[-6px] outline-red-200"></div>
|
|
<div class="left-[23px] top-[31px] absolute justify-start text-Colors-Red text-base font-bold font-['Noto_Sans_KR']">@Attendance.MonthlyPercentage%</div>
|
|
</div>
|
|
<div class="min-w-24 flex justify-start items-center gap-2.5">
|
|
<div class="w-24 self-stretch py-1 flex justify-between items-center">
|
|
<div class="w-8 h-4 text-center justify-center text-Colors-Red text-xl font-medium font-['Noto_Sans_KR'] leading-loose">@Attendance.MonthlyAttendedDays</div>
|
|
<div class="w-2 h-4 text-center justify-center text-neutral-600 text-xs font-medium font-['Noto_Sans_KR'] leading-none">/</div>
|
|
<div class="w-8 h-4 text-center justify-center text-neutral-600 text-xl font-normal font-['Noto_Sans_KR'] leading-loose">@Attendance.MonthlyTotalDays</div>
|
|
<div class="text-center justify-center text-neutral-600 text-base font-normal font-['Noto_Sans_KR'] leading-normal">일</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-0.5 h-20 bg-neutral-400 rounded-xs"></div>
|
|
<div class="inline-flex flex-col justify-start items-start gap-2">
|
|
<div class="w-20 py-1 inline-flex justify-center items-center gap-1">
|
|
<div class="text-center justify-center text-stone-900 text-base font-medium font-['Noto_Sans_KR'] leading-normal">일일</div>
|
|
<div class="text-center justify-center text-neutral-600 text-base font-normal font-['Noto_Sans_KR'] leading-normal">출석</div>
|
|
</div>
|
|
<div class="inline-flex justify-start items-center gap-4">
|
|
<div class="w-20 h-20 relative">
|
|
<div class="w-14 h-14 left-[70px] top-[10px] absolute origin-top-left rotate-90 rounded-full outline outline-[12px] outline-offset-[-6px] outline-slate-400"></div>
|
|
<div class="w-14 h-14 left-[10px] top-[10px] absolute rounded-full outline outline-[12px] outline-offset-[-6px] outline-blue-200"></div>
|
|
<div class="left-[23px] top-[31px] absolute justify-start text-Colors-Blue text-base font-bold font-['Noto_Sans_KR']">@Attendance.DailyPercentage%</div>
|
|
</div>
|
|
<div class="min-w-24 flex justify-start items-center gap-2.5">
|
|
<div class="self-stretch min-w-24 py-1 flex justify-start items-center gap-0.5">
|
|
<div class="w-6 h-4 text-center justify-center text-Colors-Blue text-xl font-medium font-['Noto_Sans_KR'] leading-loose">@Attendance.DailyAttendedHours</div>
|
|
<div class="w-2 h-4 text-center justify-center text-neutral-600 text-xs font-medium font-['Noto_Sans_KR'] leading-none">/</div>
|
|
<div class="w-6 h-4 text-center justify-center text-neutral-600 text-xl font-normal font-['Noto_Sans_KR'] leading-loose">@Attendance.DailyTotalHours</div>
|
|
<div class="text-center justify-center text-neutral-600 text-base font-normal font-['Noto_Sans_KR'] leading-normal">시간</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |