45 lines
1.2 KiB
Plaintext
45 lines
1.2 KiB
Plaintext
|
package components
|
||
|
|
|
||
|
|
import "github.com/tigorlazuardi/redmage/views/icons"
|
||
|
|
|
||
|
|
templ ActionButton(components ...templ.Component) {
|
||
|
|
<div
|
||
|
|
class="max-xs:toast max-xs:z-40"
|
||
|
|
x-data="{ show: false }"
|
||
|
|
@click="show = !show; if (!show) document.activeElement.blur()"
|
||
|
|
@click.away="show = false"
|
||
|
|
>
|
||
|
|
<div class="dropdown dropdown-hover dropdown-top xs:dropdown-bottom dropdown-end">
|
||
|
|
<div
|
||
|
|
tabindex="0"
|
||
|
|
role="button"
|
||
|
|
class="btn btn-primary max-xs:btn-circle max-lg:btn-square xs:btn-outline m-1 max-xs:border-none"
|
||
|
|
>
|
||
|
|
@icons.Kebab("h-8 w-8")
|
||
|
|
</div>
|
||
|
|
<ul
|
||
|
|
tabindex="0"
|
||
|
|
class="dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52 m-0 border-primary border-2"
|
||
|
|
>
|
||
|
|
for i, component := range components {
|
||
|
|
if i > 0 {
|
||
|
|
<div class="divider m-0 p-0"></div>
|
||
|
|
}
|
||
|
|
<li class="m-0 p-0 hover:bg-primary rounded-btn">
|
||
|
|
@component
|
||
|
|
</li>
|
||
|
|
}
|
||
|
|
if len(components) > 0 {
|
||
|
|
<div class="xs:hidden divider m-0 p-0"></div>
|
||
|
|
}
|
||
|
|
<li class="xs:hidden m-0 p-0 hover:bg-primary rounded-btn">
|
||
|
|
<button
|
||
|
|
class="btn btn-ghost btn-sm m-0"
|
||
|
|
onclick="window.scrollTo({ top: 0, behavior: 'smooth' })"
|
||
|
|
>Scroll to Top</button>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
}
|