@indielayer/ui
Version:
Indielayer UI Components with Tailwind CSS build for Vue 3
17 lines (16 loc) • 665 B
JavaScript
const s = {
classes: {
th: ({ props: t }) => {
const e = ["relative p-2.5 font-medium"];
return t.sortable && e.push("cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out"), e;
},
header: ({ props: t }) => {
const e = ["flex items-center gap-1 select-none"];
return t.textAlign === "left" ? e.push("justify-start") : t.textAlign === "right" ? t.sortable ? e.push("flex-row-reverse") : e.push("justify-end") : t.textAlign === "center" && e.push("justify-center"), e;
},
sortIcon: ({ props: t }) => ["stroke-2 w-3 h-3"]
}
}, r = s;
export {
r as default
};