@momentumcms/ui 0.1.10 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4800,7 +4800,7 @@ class TabsTrigger {
|
|
|
4800
4800
|
/** Additional CSS classes. */
|
|
4801
4801
|
class = input('', ...(ngDevMode ? [{ debugName: "class" }] : []));
|
|
4802
4802
|
hostClasses = computed(() => {
|
|
4803
|
-
const base = 'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50';
|
|
4803
|
+
const base = 'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all cursor-pointer hover:bg-background/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50';
|
|
4804
4804
|
const selectedClasses = this.tab.selected() ? 'bg-background text-foreground shadow' : '';
|
|
4805
4805
|
return `${base} ${selectedClasses} ${this.class()}`.trim();
|
|
4806
4806
|
}, ...(ngDevMode ? [{ debugName: "hostClasses" }] : []));
|