Use a single button instead of drop down
All checks were successful
Build and push image / build-containers (push) Successful in 6m17s
All checks were successful
Build and push image / build-containers (push) Successful in 6m17s
This commit is contained in:
@ -19,7 +19,7 @@
|
|||||||
<li>
|
<li>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<svg class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
|
<svg class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
|
||||||
<span class="ml-1 text-gray-400 md:ml-2 dark:text-gray-500" aria-current="page">{{ client.name }}</span>
|
<span class="ml-1 text-gray-400 md:ml-2 dark:text-gray-500" aria-current="page">View</span>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
|||||||
@ -19,29 +19,16 @@
|
|||||||
<div
|
<div
|
||||||
class="flex justify-end px-4"
|
class="flex justify-end px-4"
|
||||||
>
|
>
|
||||||
<button id="client-tree-menu-button" data-dropdown-toggle="client-tree-menu" class="inline-block text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-1.5" type="button">
|
<sl-icon-button
|
||||||
<span class="sr-only">Open dropdown</span>
|
name="plus-square"
|
||||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 3">
|
label="Add Client"
|
||||||
<path d="M2 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm6.041 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM14 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Z"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<!-- Dropdown menu -->
|
|
||||||
<div id="client-tree-menu" class="z-10 hidden text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow-sm w-44 dark:bg-gray-700">
|
|
||||||
<ul class="py-2" aria-labelledby="client-menu-button">
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="#"
|
|
||||||
data-drawer-target="drawer-create-client-default"
|
data-drawer-target="drawer-create-client-default"
|
||||||
data-drawer-show="drawer-create-client-default"
|
data-drawer-show="drawer-create-client-default"
|
||||||
aria-controls="drawer-create-client-default"
|
aria-controls="drawer-create-client-default"
|
||||||
data-drawer-placement="right"
|
data-drawer-placement="right"
|
||||||
class="block px-4 py-2 text-sm text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-200 dark:hover:text-white"
|
|
||||||
>
|
|
||||||
New client
|
></sl-icon-button>
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 overflow-auto">
|
<div class="flex-1 overflow-auto">
|
||||||
|
|||||||
@ -682,6 +682,12 @@
|
|||||||
.h-\[12px\] {
|
.h-\[12px\] {
|
||||||
height: 12px;
|
height: 12px;
|
||||||
}
|
}
|
||||||
|
.h-\[16px\] {
|
||||||
|
height: 16px;
|
||||||
|
}
|
||||||
|
.h-\[32px\] {
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
.h-\[36rem\] {
|
.h-\[36rem\] {
|
||||||
height: 36rem;
|
height: 36rem;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user