@edu-tosel/design 1.0.109 → 1.0.111

package/card/design/NavCard.design.js

@@ -27,7 +27,7 @@ export default function NavCardDesign({ titles, option }) {
         default: "absolute",
         positions: image?.position ?? "bottom-0 right-0",
         sizes: image?.size,
-        displays: "hidden md:block",
+        className: image?.className,
     };
     return (_jsxs(Card, { option: option, children: [_jsxs("div", { className: cn(textBox.container), children: [_jsx("div", { className: cn(textBox.title), children: title }), _jsx(LineBreaks, { className: cn(textBox.subtitle), texts: subtitle ?? "" })] }), buttonInLay && (_jsx(Label.Button, { title: buttonInLay.title, onClick: buttonInLay.onClick, option: {
                     className: "absolute bottom-7.5 left-7.5",

package/card/template/NavCard.js

@@ -5,6 +5,10 @@ function Banner({ titles, option }) {
             ...option,
             width: option?.width ?? "xl",
             height: option?.height ?? "sm",
+            image: option?.image && {
+                ...option?.image,
+                className: "hidden md:block",
+            },
         } }));
 }
 function _Button({ titles, onClick, option }) {

package/interface/Card.d.ts

@@ -70,6 +70,7 @@ interface NavCardImage {
     path: string;
     size?: string;
     position?: string;
+    className?: string;
 }
 export interface NavCardProps extends Omit<CardProps, "children"> {
     titles: Titles;

package/layout/template/Shelf.js

@@ -28,7 +28,7 @@ function Wrap({ className, titles, children, debug, option, }) {
 }
 function Row({ titles, children, className, debug, }) {
     const container = {
-        displays: "flex flex-row",
+        displays: "flex flex-col lg:flex-row",
         className: className ?? "gap-x-7.5",
     };
     return (_jsx(ShelfDesign, { titles: titles, className: cn(container), option: {

package/layout/template/home/layout/Header.js

@@ -5,7 +5,7 @@ export default function Header({ logo, rightButton, contents, }) {
     const container = {
         displays: "flex justify-center items-center",
         sizes: "w-full",
-        styles: "bg-white box-shadow border-2 border-red-500",
+        styles: "bg-white box-shadow ",
     };
     const body = {
         displays: "flex items-center justify-center md:justify-between",

package/package.json

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

package/version.txt

@@ -1 +1 @@
-1.0.109
+1.0.111