Skip to content

Commit

Permalink
..
Browse files Browse the repository at this point in the history
  • Loading branch information
lordlokion authored Dec 15, 2023
1 parent cec154d commit 596b24e
Show file tree
Hide file tree
Showing 2 changed files with 93 additions and 0 deletions.
59 changes: 59 additions & 0 deletions components/extra/dropdown.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<div class="max-w-sm w-full rounded-t-lg">
<a class="group block px-3.5 py-1.5 bg-white border rounded-t-lg" href="#">
<div class="flex flex-wrap items-center justify-between -m-2">
<div class="w-auto p-2">
<h3 class="font-heading">Select a Company</h3>
</div>
<div class="w-auto p-2">
<svg class="relative -top-px text-neutral-300 group-hover:text-neutral-400" width="16" height="23" viewbox="0 0 16 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6673 9.5L8.00065 14.1667L3.33398 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</div>
</div>
</a>
<div class="relative overflow-hidden">
<div class="static top-0 left-0 bg-white border-l border-r border-b rounded-b-lg">
<div class="flex flex-wrap px-5 pt-5 pb-2 -m-3">
<div class="w-full p-3">
<a class="block" href="#">
<div class="flex flex-wrap -m-2">
<div class="w-auto p-2">
<img src="https://shuffle.dev/dashy-assets/images/company.svg" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-heading mb-0.5 text-sm font-medium">Labdrill</h3>
<span class="text-sm text-neutral-500">11-50 Members</span>
</div>
</div>
</a>
</div>
<div class="w-full p-3">
<a class="block" href="#">
<div class="flex flex-wrap -m-2">
<div class="w-auto p-2">
<img src="https://shuffle.dev/dashy-assets/images/company3.svg" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-heading mb-0.5 text-sm font-medium">Bioplex</h3>
<span class="text-sm text-neutral-500">1-10 Members</span>
</div>
</div>
</a>
</div>
<div class="w-full p-3">
<a class="block" href="#">
<div class="flex flex-wrap -m-2">
<div class="w-auto p-2">
<img src="https://shuffle.dev/dashy-assets/images/company2.svg" alt="">
</div>
<div class="w-auto p-2">
<h3 class="font-heading mb-0.5 text-sm font-medium">Y-corporation</h3>
<span class="text-sm text-neutral-500">50-100 Members</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
34 changes: 34 additions & 0 deletions components/extra/empty.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<section class="py-4 overflow-hidden">
<div class="container px-4 mx-auto">
<div class="bg-white border rounded-xl">
<div class="flex flex-wrap divide-y sm:divide-y-0 sm:divide-x">
<div class="w-full sm:w-1/2">
<div class="p-12 text-center">
<img class="mb-7 mx-auto" src="https://shuffle.dev/dashy-assets/images/empty3.png" alt="">
<h3 class="mb-3 font-heading text-lg font-semibold">Create your first project on Dashy</h3>
<p class="mb-7 text-neutral-500">Establish a clear vision so that managers in your organization can mobilize their teams to all work in the same direction.</p>
<a class="inline-flex flex-wrap items-center justify-center px-6 py-2.5 text-sm text-neutral-50 font-medium bg-gradient-purple-left hover:bg-gradient-purple-left-dark rounded-lg transition duration-300" href="#">
<svg class="mr-2.5" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74935 2.66663C8.74935 2.25241 8.41356 1.91663 7.99935 1.91663C7.58514 1.91663 7.24935 2.25241 7.24935 2.66663H8.74935ZM7.24935 13.3333C7.24935 13.7475 7.58514 14.0833 7.99935 14.0833C8.41356 14.0833 8.74935 13.7475 8.74935 13.3333H7.24935ZM13.3327 8.74996C13.7469 8.74996 14.0827 8.41417 14.0827 7.99996C14.0827 7.58575 13.7469 7.24996 13.3327 7.24996L13.3327 8.74996ZM2.66602 7.24996C2.2518 7.24996 1.91602 7.58575 1.91602 7.99996C1.91602 8.41417 2.2518 8.74996 2.66602 8.74996L2.66602 7.24996ZM7.24935 2.66663V13.3333H8.74935V2.66663H7.24935ZM13.3327 7.24996L2.66602 7.24996L2.66602 8.74996L13.3327 8.74996L13.3327 7.24996Z" fill="#F9FAFB"></path>
</svg>
<span class="font-medium">Create A Project</span>
</a>
</div>
</div>
<div class="w-full sm:w-1/2">
<div class="p-12 text-center">
<img class="mb-7 mx-auto" src="https://shuffle.dev/dashy-assets/images/empty4.png" alt="">
<h3 class="mb-3 font-heading text-lg font-semibold">Add your first task</h3>
<p class="mb-7 text-neutral-500">Create a goal for one of your teams that will appear in the team hub-that’s how everyone will know what to work on.</p>
<a class="inline-flex flex-wrap items-center justify-center px-6 py-2.5 text-sm border hover:border-neutral-200 rounded-lg" href="#">
<svg class="mr-2.5" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74935 2.66663C8.74935 2.25241 8.41356 1.91663 7.99935 1.91663C7.58514 1.91663 7.24935 2.25241 7.24935 2.66663H8.74935ZM7.24935 13.3333C7.24935 13.7475 7.58514 14.0833 7.99935 14.0833C8.41356 14.0833 8.74935 13.7475 8.74935 13.3333H7.24935ZM13.3327 8.74996C13.7469 8.74996 14.0827 8.41417 14.0827 7.99996C14.0827 7.58575 13.7469 7.24996 13.3327 7.24996L13.3327 8.74996ZM2.66602 7.24996C2.2518 7.24996 1.91602 7.58575 1.91602 7.99996C1.91602 8.41417 2.2518 8.74996 2.66602 8.74996L2.66602 7.24996ZM7.24935 2.66663V13.3333H8.74935V2.66663H7.24935ZM13.3327 7.24996L2.66602 7.24996L2.66602 8.74996L13.3327 8.74996L13.3327 7.24996Z" fill="#0C1523"></path>
</svg>
<span class="font-medium">Add A Task</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>

0 comments on commit 596b24e

Please sign in to comment.