@vishu1301/script-writing 1.3.2 → 1.3.3

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/index.cjs CHANGED
@@ -1931,7 +1931,7 @@ function ScriptBreakdownSceneView({
1931
1931
  }
1932
1932
  return nodes;
1933
1933
  };
1934
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative p-8 md:p-12 mx-auto w-full min-h-screen flex flex-col gap-8 xl:pr-[20rem]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center max-w-6xl", children: [
1934
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative p-8 md:p-12 mx-auto w-full min-h-screen flex flex-col gap-8 xl:pr-[20rem]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center max-w-6xl xl:max-w-full", children: [
1935
1935
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 min-h-screen", children: [
1936
1936
  /* @__PURE__ */ jsxRuntime.jsx(
1937
1937
  "div",
@@ -2109,7 +2109,7 @@ function ScriptBreakdownSceneView({
2109
2109
  ] }),
2110
2110
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full border border-slate-200/60 bg-slate-50 px-2.5 py-1 text-[11px] font-semibold text-[#134a61] shadow-sm backdrop-blur-md", children: tags.length }) })
2111
2111
  ] }),
2112
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 overflow-y-auto custom-scrollbar", children: CATEGORIES.map((cat) => {
2112
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-4 overflow-y-auto overflow-x-hidden pb-4 pr-1 custom-scrollbar", children: CATEGORIES.map((cat) => {
2113
2113
  const catTags = tags.filter((t) => t.category_id === cat.id);
2114
2114
  if (!catTags.length) return null;
2115
2115
  const isExpanded = expandedCategories[cat.id];
@@ -2122,7 +2122,7 @@ function ScriptBreakdownSceneView({
2122
2122
  /* @__PURE__ */ jsxRuntime.jsxs(
2123
2123
  "div",
2124
2124
  {
2125
- onClick: () => setExpandedCategories((prev) => __spreadProps(__spreadValues({}, prev), {
2125
+ onClick: () => setExpandedCategories((prev) => ({
2126
2126
  [cat.id]: !prev[cat.id]
2127
2127
  })),
2128
2128
  className: "group relative flex cursor-pointer items-center gap-3 overflow-hidden rounded-[24px] border border-white/70 px-4 py-3.5 transition-all duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] hover:-translate-y-[1px]",
@@ -2178,7 +2178,8 @@ function ScriptBreakdownSceneView({
2178
2178
  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-start gap-2 py-2", children: uniqueTags.map((tag, index) => /* @__PURE__ */ jsxRuntime.jsx(
2179
2179
  "span",
2180
2180
  {
2181
- className: "text-[11px] font-semibold px-3 py-1.5 rounded-full border backdrop-blur-md transition-all duration-300",
2181
+ title: tag.name,
2182
+ className: "inline-block max-w-full truncate text-[11px] font-semibold px-3 py-1.5 rounded-full border backdrop-blur-md transition-all duration-300",
2182
2183
  style: {
2183
2184
  color: cat.color,
2184
2185
  background: `linear-gradient(145deg, ${cat.color}18, rgba(255,255,255,0.88))`,