@edu-tosel/design 1.0.350 → 1.0.353

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.
Files changed (7) hide show
  1. package/layout/template/home/Announcement.js +2 -2
  2. package/layout/template/home/NewsPaper.js +2 -2
  3. package/layout/template/home/Service.js +2 -2
  4. package/layout/template/home/layout/Header.d.ts +1 -1
  5. package/layout/template/home/layout/index.d.ts +3 -2
  6. package/package.json +1 -1
  7. package/version.txt +1 -1
package/layout/template/home/Announcement.js CHANGED
@@ -80,7 +80,7 @@ export default function Announcement({ banners, browse }) {
80
80
  //adjust the responsive right margin of scroller
81
81
  const cardDeck = {
82
82
  displays: "inline-flex",
83
- spacings: "gap-5 xl:mr-[calc(100vw-900px)]",
83
+ spacings: "gap-5 xl:mr-[calc(100vw-1200px)]",
84
84
  };
85
85
  const buttonPositioning = {
86
86
  displays: "flex flex-row",
@@ -120,7 +120,7 @@ function Banner({ onClick, titles }) {
120
120
  sizes: "w-65 h-40 xxxs:w-76 md:w-80 md:h-40 rounded-lg md:rounded-lg",
121
121
  backgrounds: "bg-white",
122
122
  hover: "hover:shadow-main-hover hover:scale-[1.03]",
123
- position: "xl:translate-x-[calc(50vw-770px)] md:translate-x-[56px]",
123
+ position: "xl:translate-x-[calc(50vw-665px)] md:translate-x-[56px]",
124
124
  transition: "duration-300",
125
125
  displays: "relative display-block overflow-hidden",
126
126
  fonts: "font-pretendard-var",
package/layout/template/home/NewsPaper.js CHANGED
@@ -76,7 +76,7 @@ export default function NewsPaper({ banners, browse, option, }) {
76
76
  //adjust the responsive right margin of scroller
77
77
  const cardDeck = {
78
78
  displays: "inline-flex",
79
- spacings: "gap-5 xl:mr-[calc(100vw-900px)]",
79
+ spacings: "gap-5 xl:mr-[calc(100vw-1200px)]",
80
80
  };
81
81
  const buttonPositioning = {
82
82
  displays: "flex flex-row",
@@ -117,7 +117,7 @@ function Banner({ onClick, image, option }) {
117
117
  sizes: "w-65 h-40 xxxs:w-76 xxxs:h-47.5 md:w-120 md:h-75 rounded-xl md:rounded-2xl",
118
118
  backgrounds: background,
119
119
  hover: "hover:shadow-main-hover hover:scale-[1.03]",
120
- position: "xl:translate-x-[calc(50vw-770px)] md:translate-x-[56px]",
120
+ position: "xl:translate-x-[calc(50vw-665px)] md:translate-x-[56px]",
121
121
  transition: "duration-300",
122
122
  displays: "relative display-block overflow-hidden",
123
123
  fonts: "font-pretendard-var",
package/layout/template/home/Service.js CHANGED
@@ -75,7 +75,7 @@ export default function Service({ banners }) {
75
75
  //adjust the responsive right margin of scroller
76
76
  const cardDeck = {
77
77
  displays: "inline-flex",
78
- spacings: "gap-5 xl:mr-[calc(100vw-900px)]",
78
+ spacings: "gap-5 xl:mr-[calc(100vw-1200px)]",
79
79
  };
80
80
  const buttonPositioning = {
81
81
  displays: "flex flex-row",
@@ -111,7 +111,7 @@ function Banner({ titles, onClick, image, option }) {
111
111
  sizes: "h-100 w-65 xxxs:w-76 md:w-100 md:h-125 rounded-xl md:rounded-2xl",
112
112
  backgrounds: background,
113
113
  hover: "hover:shadow-main-hover hover:scale-[1.03]",
114
- position: "xl:translate-x-[calc(50vw-770px)] md:translate-x-[56px]",
114
+ position: "xl:translate-x-[calc(50vw-665px)] md:translate-x-[56px]",
115
115
  transition: "duration-300",
116
116
  displays: "relative display-block overflow-hidden",
117
117
  fonts: "font-pretendard-var",
package/layout/template/home/layout/Header.d.ts CHANGED
@@ -23,7 +23,7 @@ type MenuData = {
23
23
  };
24
24
  content: MenuItem[];
25
25
  };
26
- type ExtendedButton = _Button & {
26
+ export type ExtendedButton = _Button & {
27
27
  menu?: MenuData;
28
28
  };
29
29
  export default function Header({ logo, rightButton, contents, }: {
package/layout/template/home/layout/index.d.ts CHANGED
@@ -1,7 +1,8 @@
1
- import { Button, OnClick } from "../../../../interface";
1
+ import { ExtendedButton } from "./Header";
2
+ import { OnClick } from "../../../../interface";
2
3
  import { ReactNode } from "react";
3
4
  export default function Layout({ contents, children, logo, rightButton, option, }: {
4
- contents: Button[];
5
+ contents: ExtendedButton[];
5
6
  children: React.ReactNode;
6
7
  logo: {
7
8
  node: ReactNode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@edu-tosel/design",
3
- "version": "1.0.350",
3
+ "version": "1.0.353",
4
4
  "description": "UI components for International TOSEL Committee",
5
5
  "keywords": [
6
6
  "jsx",
package/version.txt CHANGED
@@ -1 +1 @@
1
- 1.0.350
1
+ 1.0.353