@edu-tosel/design 1.0.267 → 1.0.268

package/board/design/Board.design.js

@@ -16,8 +16,8 @@ const heightSize = {
     xs: "h-20",
     sm: "h-24",
     md: "h-28",
-    lg: "h-full xl:h-full",
-    xl: "h-full xl:h-full",
+    lg: "h-full h-full",
+    xl: "h-full h-full",
     "2xl": "h-40",
     full: "min-h-auto h-full",
     auto: "h-auto",

package/board/template/ManageBoard.js

@@ -12,7 +12,7 @@ export default function ManageBoard({ header, dataSets, dataField, action, optio
     const orders = order[id] ?? [];
     const container = {
         displays: "flex flex-col gap-12",
-        sizes: `h-full ${header ? (dataField ? "xl:h-138.75" : "xl:h-153") : "xl:h-full"}`,
+        sizes: `h-[calc(100%-30px)]`,
         paddings: `${!noPadding ? "pt-7.5 pb-60 px-2 xs:pl-4 xl:pl-7.5 xl:pb-7.5 " : ""} `,
         styles: "overflow-y-scroll",
     };

package/layout/template/DataField.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import DataFieldDesign from "../design/DataField.design";
 function Board({ id, dataField, }) {
     return (_jsx(DataFieldDesign, { id: id, dataField: dataField, option: {
-            position: "fixed top-34 xl:top-0 left-0 xl:relative z-20",
+            position: "fixed top-30 xl:top-0 xl:relative z-20",
             padding: "px-2 xs:px-4 xl:px-7.5",
         } }));
 }

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.267
+1.0.268