sprintify-ui 0.12.7 → 0.12.8
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.
package/dist/sprintify-ui.es.js
CHANGED
|
@@ -26209,8 +26209,8 @@ const qI = ["onClick"], UI = ["onClick"], KI = { class: "px-1 py-1 h-full flex i
|
|
|
26209
26209
|
},
|
|
26210
26210
|
setup(n) {
|
|
26211
26211
|
const t = n, e = S(() => {
|
|
26212
|
-
const o = ["text-left flex w-full"];
|
|
26213
|
-
return t.collapsed || o.push("rounded-md"), t.active ? t.dark ? o.push("bg-slate-700 text-white") : o.push("bg-slate-100 text-primary-700") : t.dark ? o.push("hover:bg-slate-800 hover:text-white text-slate-300") : o.push("hover:bg-slate-50 hover:text-slate-900 text-slate-800"), t.size == "xs" && o.push("text-[13px] px-2.5 py-1 font-medium"), t.size == "sm" && o.push("text-sm px-3 py-1.5 font-medium"), t.size == "md" && o.push("text-base px-3 py-2 font-medium"), o;
|
|
26212
|
+
const o = ["text-left flex w-full navbar-side-item-content"];
|
|
26213
|
+
return t.collapsed || o.push("rounded-md"), t.active ? t.dark ? o.push("bg-slate-700 text-white active") : o.push("bg-slate-100 text-primary-700 active") : t.dark ? o.push("hover:bg-slate-800 hover:text-white text-slate-300") : o.push("hover:bg-slate-50 hover:text-slate-900 text-slate-800"), t.size == "xs" && o.push("text-[13px] px-2.5 py-1 font-medium"), t.size == "sm" && o.push("text-sm px-3 py-1.5 font-medium"), t.size == "md" && o.push("text-base px-3 py-2 font-medium"), o;
|
|
26214
26214
|
}), r = S(() => {
|
|
26215
26215
|
const o = ["shrink-0 leading-none inline-block"];
|
|
26216
26216
|
return t.active ? o.push("opacity-100") : o.push("opacity-70 group-hover:opacity-100"), t.size == "xs" && o.push("w-3.5 h-3.5"), t.size == "sm" && o.push("w-4 h-4"), t.size == "md" && o.push("w-5 h-5"), t.collapsed || o.push("mr-2"), o;
|
package/package.json
CHANGED
|
@@ -62,7 +62,7 @@ const props = defineProps({
|
|
|
62
62
|
});
|
|
63
63
|
|
|
64
64
|
const classes = computed(() => {
|
|
65
|
-
const classList = ['text-left flex w-full'];
|
|
65
|
+
const classList = ['text-left flex w-full navbar-side-item-content'];
|
|
66
66
|
|
|
67
67
|
if (!props.collapsed) {
|
|
68
68
|
classList.push('rounded-md');
|
|
@@ -70,9 +70,9 @@ const classes = computed(() => {
|
|
|
70
70
|
|
|
71
71
|
if (props.active) {
|
|
72
72
|
if (props.dark) {
|
|
73
|
-
classList.push('bg-slate-700 text-white');
|
|
73
|
+
classList.push('bg-slate-700 text-white active');
|
|
74
74
|
} else {
|
|
75
|
-
classList.push('bg-slate-100 text-primary-700');
|
|
75
|
+
classList.push('bg-slate-100 text-primary-700 active');
|
|
76
76
|
}
|
|
77
77
|
} else {
|
|
78
78
|
if (props.dark) {
|