-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* add iconsOnly * Modify sidebar headerBodyAndFooter * add search to sidebar * modify icons for sidebar * add menuWithTitle and bottomMenu * change bg color * add avatar sidebar * add sidebar with submenu * add simple dropdown * add all dropdowns from mekaui
- Loading branch information
Showing
6 changed files
with
242 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,18 @@ | ||
| <div class="dropdown"> | ||
| <div tabindex="0" role="button" class="btn btn-square mb-1"> | ||
| <i class="fa-solid fa-ellipsis-vertical"></i> | ||
| </div> | ||
|
|
||
| <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-200 rounded-box w-52"> | ||
| <li><a>View profile</a></li> | ||
| <li><a>Settings</a></li> | ||
| <li><a>Keyboard shortcut</a></li> | ||
| <div class="divider my-0"></div> | ||
| <li><a>Company profile</a></li> | ||
| <li><a>Team</a></li> | ||
| <li><a>Invite Colleagues</a></li> | ||
| <div class="divider my-0"></div> | ||
| <li><a>Help</a></li> | ||
| <li><a>Sign out</a></li> | ||
| </ul> | ||
| </div> |
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,59 @@ | ||
| <div class="dropdown"> | ||
| <div tabindex="0" role="button" class="btn btn-square mb-1"> | ||
| <i class="fa-solid fa-ellipsis-vertical"></i> | ||
| </div> | ||
|
|
||
| <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-200 rounded-box w-52"> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-user fa-fw"></i> | ||
| View profile | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-gear fa-fw"></i> | ||
| Settings | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-laptop fa-fw"></i> | ||
| Keyboard shortcut | ||
| </a> | ||
| </li> | ||
| <div class="divider my-0"></div> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-building fa-fw"></i> | ||
| Company profile | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-users fa-fw"></i> | ||
| Team | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-user-plus fa-fw"></i> | ||
| Invite Colleagues | ||
| </a> | ||
| </li> | ||
| <div class="divider my-0"></div> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-circle-question fa-fw"></i> | ||
| Help | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-right-from-bracket fa-fw"></i> | ||
| Sign out | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
|
|
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,59 @@ | ||
| <div class="dropdown"> | ||
| <div tabindex="0" role="button" class="btn btn-square mb-1"> | ||
| <i class="fa-solid fa-bell"></i> | ||
| </div> | ||
|
|
||
| <ul tabindex="0" class="dropdown-content z-[1] menu shadow bg-base-200 rounded-box w-80 gap-2"> | ||
| <li> | ||
| <a class="flex items-start"> | ||
| <img alt="Profile" src="/images/avatar.png" class="w-8 rounded-full" /> | ||
|
|
||
| <div class="flex flex-col gap-2"> | ||
| <span class="text-wrap"> | ||
| <span class="font-bold">User name</span> | ||
| replied on the | ||
| <span class="text-primary">Upload Image</span> | ||
| artical. | ||
| </span> | ||
|
|
||
| <span class="text-xs text-accent">2m ago</span> | ||
| </div> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="flex items-start"> | ||
| <img alt="Profile" src="/images/avatar.png" class="w-8 rounded-full" /> | ||
|
|
||
| <div class="flex flex-col gap-2"> | ||
| <span class="text-wrap"> | ||
| <span class="font-bold">User name</span> | ||
| start following you. | ||
| </span> | ||
|
|
||
| <span class="text-xs text-accent">45m ago</span> | ||
| </div> | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a class="flex items-start"> | ||
| <img alt="Profile" src="/images/avatar.png" class="w-8 rounded-full" /> | ||
|
|
||
| <div class="flex flex-col gap-2"> | ||
| <span class="text-wrap"> | ||
| <span class="font-bold">User name</span> | ||
| like your reply on | ||
| <span class="text-primary">Test with TDD</span> | ||
| artical. | ||
| </span> | ||
|
|
||
| <span class="text-xs text-accent">3h ago</span> | ||
| </div> | ||
| </a> | ||
| </li> | ||
|
|
||
| <a class="btn btn-primary"> | ||
| See all notifications | ||
| </a> | ||
| </ul> | ||
| </div> | ||
|
|
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,13 @@ | ||
| <div class="dropdown"> | ||
| <div tabindex="0" role="button" class="btn btn-square mb-1"> | ||
| <i class="fa-solid fa-chevron-down"></i> | ||
| </div> | ||
|
|
||
| <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-200 rounded-box w-52"> | ||
| <li><a>Your profile</a></li> | ||
| <li><a>Your projects</a></li> | ||
| <li><a>Help</a></li> | ||
| <li><a>Settings</a></li> | ||
| <li><a>Sign Out</a></li> | ||
| </ul> | ||
| </div> |
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,29 @@ | ||
| <div class="dropdown"> | ||
| <div tabindex="0" role="button" class="btn mb-1"> | ||
| User name | ||
| <i class="fa-solid fa-chevron-down"></i> | ||
| </div> | ||
|
|
||
| <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-200 rounded-box w-52"> | ||
| <li> | ||
| <a class="flex" title="View profile"> | ||
| <img alt="Profile" src="/images/avatar.png" class="w-8 rounded-full" /> | ||
|
|
||
| <div class="flex flex-col"> | ||
| <h3 class="font-bold">User name</h3> | ||
| <span class="text-xs text-accent">username@email.com</span> | ||
| </div> | ||
| </a> | ||
| </li> | ||
| <div class="divider my-0"></div> | ||
| <li><a>Settings</a></li> | ||
| <li><a>Keyboard shortcut</a></li> | ||
| <div class="divider my-0"></div> | ||
| <li><a>Company profile</a></li> | ||
| <li><a>Team</a></li> | ||
| <li><a>Invite Colleagues</a></li> | ||
| <div class="divider my-0"></div> | ||
| <li><a>Help</a></li> | ||
| <li><a>Sign out</a></li> | ||
| </ul> | ||
| </div> |
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,64 @@ | ||
| <div class="dropdown"> | ||
| <div tabindex="0" role="button" class="btn mb-1"> | ||
| User name | ||
| <i class="fa-solid fa-chevron-down"></i> | ||
| </div> | ||
|
|
||
| <ul tabindex="0" class="dropdown-content z-[1] menu p-2 shadow bg-base-200 rounded-box w-52"> | ||
| <li> | ||
| <a class="flex" title="View profile"> | ||
| <img alt="Profile" src="/images/avatar.png" class="w-8 rounded-full" /> | ||
|
|
||
| <div class="flex flex-col"> | ||
| <h3 class="font-bold">User name</h3> | ||
| <span class="text-xs text-accent">username@email.com</span> | ||
| </div> | ||
| </a> | ||
| </li> | ||
| <div class="divider my-0"></div> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-gear fa-fw"></i> | ||
| Settings | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-laptop fa-fw"></i> | ||
| Keyboard shortcut | ||
| </a> | ||
| </li> | ||
| <div class="divider my-0"></div> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-building fa-fw"></i> | ||
| Company profile | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-users fa-fw"></i> | ||
| Team | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-user-plus fa-fw"></i> | ||
| Invite Colleagues | ||
| </a> | ||
| </li> | ||
| <div class="divider my-0"></div> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-circle-question fa-fw"></i> | ||
| Help | ||
| </a> | ||
| </li> | ||
| <li> | ||
| <a> | ||
| <i class="fa-solid fa-right-from-bracket fa-fw"></i> | ||
| Sign out | ||
| </a> | ||
| </li> | ||
| </ul> | ||
| </div> |