@edu-tosel/design 1.0.136 → 1.0.137

package/layout/template/dashboard/Menu.d.ts

@@ -1,2 +1,2 @@
 import { MenuProps } from "../../../interface";
-export default function Menu({ showAction, profile, input, medium, bottom, }: MenuProps): JSX.Element;
+export default function Menu({ showAction, profile, medium, bottom, }: MenuProps): JSX.Element;

package/layout/template/dashboard/Menu.js

@@ -3,7 +3,9 @@ import { useTransition, animated } from "react-spring";
 import { cn, gradient } from "../../../util";
 import { useActionStore } from "../../../store";
 import { Label } from "../../../widget";
-export default function Menu({ showAction, profile, input, medium, bottom, }) {
+export default function Menu({ showAction, profile, 
+// input,
+medium, bottom, }) {
     const { isVisible } = showAction ?? {};
     const { setIsOwn, removeModal } = useActionStore();
     const container = {
@@ -18,7 +20,7 @@ export default function Menu({ showAction, profile, input, medium, bottom, }) {
         leave: { opacity: 0 },
         config: { duration: 200 },
     });
-    return transitions((styles, item) => item && (_jsxs(animated.div, { style: styles, className: cn(container), onClick: () => setIsOwn(true), children: [_jsxs("div", { className: "h-17.75 flex gap-12 justify-center items-center text-black border-b-2 pb-2.5", children: [_jsxs("div", { children: [_jsx("div", { children: profile?.name }), _jsx("div", { className: "text-xs", children: profile?.belong })] }), _jsx("div", { className: "relative w-15 h-15 rounded-md overflow-hidden", children: _jsx("img", { className: "bg-cover rounded-md", src: profile?.image, alt: "profile-image" }) })] }), _jsxs("div", { className: "flex flex-col gap-2.5 pt-2.5", children: [_jsx("input", { className: "w-47.5 h-6.25 border-2 text-black", value: input?.password[0], onChange: (e) => input?.password[1](e.target.value), type: "password" }), medium?.map((button) => (_jsx(Label.Button, { title: button.title, onClick: button.onClick, option: {
+    return transitions((styles, item) => item && (_jsxs(animated.div, { style: styles, className: cn(container), onClick: () => setIsOwn(true), children: [_jsxs("div", { className: "h-17.75 flex gap-12 justify-center items-center text-black border-b-2 pb-2.5", children: [_jsxs("div", { children: [_jsx("div", { children: profile?.name }), _jsx("div", { className: "text-xs", children: profile?.belong })] }), _jsx("div", { className: "relative w-15 h-15 rounded-md overflow-hidden", children: _jsx("img", { className: "bg-cover rounded-md", src: profile?.image, alt: "profile-image" }) })] }), _jsxs("div", { className: "flex flex-col gap-2.5 pt-2.5", children: [medium?.map((button) => (_jsx(Label.Button, { title: button.title, onClick: button.onClick, option: {
                             ...button.option,
                             width: "full",
                             height: "xs",

package/layout/template/home/Service.js

@@ -48,7 +48,7 @@ export default function Service({ banners }) {
         spacings: "gap-5 ml:mr-[calc(100vw-1200px)]",
     };
     const buttonPositioning = {
-        displays: "hidden flex-row md:flex",
+        displays: "overflow-x-hidden flex-row md:flex",
         sizes: "w-full h-full",
         spacings: "px-2",
         positions: "absolute top-0 left-0 justify-between items-center opacity-0 group-hover:opacity-100 duration-300",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "1.0.136",
+  "version": "1.0.137",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/version.txt

@@ -1 +1 @@
-1.0.136
+1.0.137