-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
596b24e
commit a2d0fa3
Showing
3 changed files
with
824 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,202 @@ | ||
<section class="py-4 overflow-hidden"> | ||
<div class="container px-4 mx-auto"> | ||
<div class="pt-5 bg-neutral-50 border border-neutral-100 rounded-xl"> | ||
<div class="px-6"> | ||
<h3 class="font-heading pb-8 text-lg text-neutral-600 font-semibold">Sessions Overview</h3> | ||
<div class="w-full overflow-x-auto"> | ||
<table class="w-full min-w-max"> | ||
<thead> | ||
<tr class="text-left"> | ||
<th class="p-0 border-b border-neutral-100"> | ||
<div class="pb-3.5"><a class="text-sm text-gray-400 font-medium uppercase" href="#">Id</a></div> | ||
</th> | ||
<th class="p-0 border-b border-neutral-100"> | ||
<div class="pb-3.5"><a class="text-sm text-gray-400 font-medium" href="#">Email</a></div> | ||
</th> | ||
<th class="p-0 border-b border-neutral-100"> | ||
<div class="pb-3.5"><a class="text-sm text-gray-400 font-medium" href="#">Name</a></div> | ||
</th> | ||
<th class="p-0 border-b border-neutral-100"> | ||
<div class="pb-3.5"> | ||
<a class="inline-flex items-center text-sm text-gray-400 font-medium" href="#"> | ||
<span class="mr-2.5">Last Session</span> | ||
<svg width="8" height="10" viewbox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<path d="M1.13666 2.71969C0.843769 3.01258 0.843769 3.48746 1.13666 3.78035C1.42956 4.07324 1.90443 4.07324 2.19732 3.78035L1.13666 2.71969ZM4.00033 0.916687L4.53066 0.386357C4.39 0.245705 4.19924 0.166687 4.00033 0.166687C3.80141 0.166687 3.61065 0.245705 3.47 0.386357L4.00033 0.916687ZM5.80333 3.78035C6.09622 4.07324 6.5711 4.07324 6.86399 3.78035C7.15688 3.48746 7.15688 3.01258 6.86399 2.71969L5.80333 3.78035ZM6.86399 7.28035C7.15688 6.98746 7.15688 6.51258 6.86399 6.21969C6.5711 5.9268 6.09622 5.9268 5.80333 6.21969L6.86399 7.28035ZM4.00033 9.08335L3.47 9.61368C3.76289 9.90658 4.23776 9.90658 4.53066 9.61368L4.00033 9.08335ZM2.19732 6.21969C1.90443 5.9268 1.42956 5.9268 1.13666 6.21969C0.843769 6.51258 0.843769 6.98746 1.13666 7.28035L2.19732 6.21969ZM2.19732 3.78035L4.53066 1.44702L3.47 0.386357L1.13666 2.71969L2.19732 3.78035ZM3.47 1.44702L5.80333 3.78035L6.86399 2.71969L4.53066 0.386357L3.47 1.44702ZM5.80333 6.21969L3.47 8.55302L4.53066 9.61368L6.86399 7.28035L5.80333 6.21969ZM4.53066 8.55302L2.19732 6.21969L1.13666 7.28035L3.47 9.61368L4.53066 8.55302Z" fill="#7F8995"></path> | ||
</svg> | ||
</a> | ||
</div> | ||
</th> | ||
<th class="p-0 border-b border-neutral-100"> | ||
<div class="pb-3.5"><a class="text-sm text-gray-400 font-medium" href="#">Tickets</a></div> | ||
</th> | ||
<th class="p-0 border-b border-neutral-100"> | ||
<div class="pb-3.5"><a class="text-sm text-gray-400 font-medium" href="#">Resolved</a></div> | ||
</th> | ||
<th class="p-0 border-b border-neutral-100"> | ||
<div class="pb-3.5"></div> | ||
</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">3849</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">[email protected]</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm font-semibold">Floyd Miles</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">15 May 2022 8:30 am</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">4/5</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<div class="flex flex-wrap"> | ||
<img class="mr-2" src="https://shuffle.dev/dashy-assets/images/progress.svg" alt=""> | ||
<span class="text-sm">1/2</span> | ||
</div> | ||
</td> | ||
<td class="py-3 border-b border-neutral-100"> | ||
<a href="#"> | ||
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<circle cx="10" cy="10" r="9.25" fill="white" stroke="#B8C1CC" stroke-width="1.5"></circle> | ||
<path d="M13.5 8.5L10 12L6.5 8.5" stroke="#B8C1CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> | ||
</svg> | ||
</a> | ||
</td> | ||
</tr> | ||
<tr> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">3849</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">[email protected]</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm font-semibold">Marvin McKinney</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">15 May 2022 8:30 am</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">4/5</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<div class="flex flex-wrap"> | ||
<img class="mr-2" src="https://shuffle.dev/dashy-assets/images/progress.svg" alt=""> | ||
<span class="text-sm">1/2</span> | ||
</div> | ||
</td> | ||
<td class="py-3 border-b border-neutral-100"> | ||
<a href="#"> | ||
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<circle cx="10" cy="10" r="9.25" fill="white" stroke="#B8C1CC" stroke-width="1.5"></circle> | ||
<path d="M13.5 8.5L10 12L6.5 8.5" stroke="#B8C1CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> | ||
</svg> | ||
</a> | ||
</td> | ||
</tr> | ||
<tr> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">3849</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">[email protected]</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm font-semibold">Jerome Bell</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">15 May 2022 8:30 am</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">4/5</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<div class="flex flex-wrap"> | ||
<img class="mr-2" src="https://shuffle.dev/dashy-assets/images/progress.svg" alt=""> | ||
<span class="text-sm">1/2</span> | ||
</div> | ||
</td> | ||
<td class="py-3 border-b border-neutral-100"> | ||
<a href="#"> | ||
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<circle cx="10" cy="10" r="9.25" fill="white" stroke="#B8C1CC" stroke-width="1.5"></circle> | ||
<path d="M13.5 8.5L10 12L6.5 8.5" stroke="#B8C1CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> | ||
</svg> | ||
</a> | ||
</td> | ||
</tr> | ||
<tr> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">3849</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">[email protected]</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm font-semibold">Courtney Henry</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">15 May 2022 8:30 am</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<span class="text-sm">4/5</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<div class="flex flex-wrap"> | ||
<img class="mr-2" src="https://shuffle.dev/dashy-assets/images/progress.svg" alt=""> | ||
<span class="text-sm">1/2</span> | ||
</div> | ||
</td> | ||
<td class="py-3 border-b border-neutral-100"> | ||
<a href="#"> | ||
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<circle cx="10" cy="10" r="9.25" fill="white" stroke="#B8C1CC" stroke-width="1.5"></circle> | ||
<path d="M13.5 8.5L10 12L6.5 8.5" stroke="#B8C1CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> | ||
</svg> | ||
</a> | ||
</td> | ||
</tr> | ||
<tr> | ||
<td class="py-3 pr-4"> | ||
<span class="text-sm">3849</span> | ||
</td> | ||
<td class="py-3 pr-4"> | ||
<span class="text-sm">[email protected]</span> | ||
</td> | ||
<td class="py-3 pr-4"> | ||
<span class="text-sm font-semibold">Savannah Nguyen</span> | ||
</td> | ||
<td class="py-3 pr-4"> | ||
<span class="text-sm">15 May 2022 8:30 am</span> | ||
</td> | ||
<td class="py-3 pr-4"> | ||
<span class="text-sm">4/5</span> | ||
</td> | ||
<td class="py-3 pr-4 border-b border-neutral-100"> | ||
<div class="flex flex-wrap"> | ||
<img class="mr-2" src="https://shuffle.dev/dashy-assets/images/progress.svg" alt=""> | ||
<span class="text-sm">1/2</span> | ||
</div> | ||
</td> | ||
<td class="py-3"> | ||
<a href="#"> | ||
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> | ||
<circle cx="10" cy="10" r="9.25" fill="white" stroke="#B8C1CC" stroke-width="1.5"></circle> | ||
<path d="M13.5 8.5L10 12L6.5 8.5" stroke="#B8C1CC" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> | ||
</svg> | ||
</a> | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section> |
Oops, something went wrong.