@edu-tosel/design 1.0.296 → 1.0.297

package/layout/template/home/Float.d.ts

@@ -1,8 +1,10 @@
+import React from "react";
 import { OnClick } from "../../../interface";
 interface Content {
     image: string;
     onClick: OnClick;
     background?: string;
+    hoverContent?: React.ReactNode;
 }
 export default function Float({ contents }: {
     contents: Content[];

package/layout/template/home/Float.js

@@ -1,18 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../../../util";
 export default function Float({ contents }) {
-    const container = {
-        displays: "fixed flex flex-col bottom-20 md:bottom-16 right-5 md:right-16 z-40 overflow-visible",
-        spacings: "gap-5",
-    };
-    const buttonBox = (background) => ({
-        displays: "flex flex-col justify-center items-center",
-        spacings: "p-1.5 md:p-3",
-        sizes: "w-12 h-12 md:w-16 md:h-16",
-        styles: "rounded-full bg-black overflow-hidden",
-        backgrounds: background ?? "bg-white",
-        shadows: "shadow-main",
-        animation: "hover:scale-110 duration-300 hover:shadow-icon-hover",
-    });
-    return (_jsx("div", { className: cn(container), children: contents.map(({ image, onClick, background }) => (_jsx("button", { onClick: onClick, className: cn(buttonBox(background)), children: _jsx("img", { src: image, alt: "image", className: "object-contain" }) }, image))) }));
+    const container = cn("fixed flex flex-col bottom-20 md:bottom-16 right-5 md:right-16 z-40 overflow-visible", "gap-5");
+    const buttonBox = (background) => cn("flex justify-center items-center", "p-1.5 md:p-3", "w-12 h-12 md:w-16 md:h-16", "rounded-full overflow-hidden shadow-main hover:scale-110 duration-300 hover:shadow-icon-hover", background ?? "bg-white");
+    return (_jsx("div", { className: container, children: contents.map(({ image, onClick, background, hoverContent }) => (_jsxs("div", { className: "relative group flex items-center", children: [hoverContent && (_jsx("div", { className: cn("absolute right-full mr-3", "bg-gray-dark text-white text-sm px-5 py-2 rounded shadow-md whitespace-nowrap", "opacity-0 group-hover:opacity-100 transition-opacity duration-200"), children: hoverContent })), _jsx("button", { onClick: onClick, className: buttonBox(background), children: _jsx("img", { src: image, alt: "image", className: "object-contain" }) })] }, image))) }));
 }

package/layout/template/home/layout/Navigation.js

@@ -63,8 +63,8 @@ export default function Navigation({ browser, calendar, notice, event, }) {
     const handleMouseMove = (event) => {
         const viewportScale = window.visualViewport?.scale || 1; // 뷰포트 확대 비율
         // 마우스 좌표를 확대 비율을 고려하여 보정
-        const correctedX = event.clientX / viewportScale + 20; // 커서 기준 10px 우측
-        const correctedY = (event.clientY - 230) / viewportScale + 10; // 커서 기준 10px 아래
+        const correctedX = event.clientX / viewportScale + 30; // 커서 기준 10px 우측
+        const correctedY = (event.clientY - 260) / viewportScale + 5; // 커서 기준 10px 아래
         // 툴팁이 화면을 벗어나지 않도록 조정
         const tooltipWidth = 120; // 예상 툴팁 너비
         const tooltipHeight = 40; // 예상 툴팁 높이

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.296
+1.0.297