update src/components/CardDesign3/index.js, src/components/CardTrelloDesign/index.js and src/components/TitleSubtitle/index.js

master
mahdi 2 years ago
parent e4b26d4ed7
commit cb188d2212
  1. 5
      src/components/CardDesign3/index.js
  2. 9
      src/components/CardTrelloDesign/index.js
  3. 25
      src/components/TitleSubtitle/index.js

@ -1,5 +1,6 @@
import React from "react"; import React from "react";
import CustomToast2 from "../CustomToast2"; import CustomToast2 from "../CustomToast2";
import Button from "../Button";
import TitleSubtitle from "../TitleSubtitle"; import TitleSubtitle from "../TitleSubtitle";
const CardDesign3 = () => { const CardDesign3 = () => {
@ -13,6 +14,10 @@ const CardDesign3 = () => {
titleDividerBgColor={"bg-[#1FF87D]"} titleDividerBgColor={"bg-[#1FF87D]"}
titleDividerWidth={"w-1.5"} titleDividerWidth={"w-1.5"}
/> />
<Button
className={`${btn.className} border-none px-1 py-0.5 text-xs rounded-sm text-white`}
text={btn.name}
/>
<CustomToast2 num={4} /> <CustomToast2 num={4} />
</div> </div>
); );

@ -118,7 +118,6 @@ const CardTrelloDesign = ({
parentBg={"bg-[#E3E3E3]"} parentBg={"bg-[#E3E3E3]"}
childBg={"bg-[#06BACE]"} childBg={"bg-[#06BACE]"}
/> />
{/* <div className="hidden bg-[#0000ff] bg-[#00ff00] bg-[#ff0000] "></div> */}
</div> </div>
); );
}; };
@ -149,14 +148,14 @@ CardTrelloDesign.defaultProps = {
tags: [ tags: [
{ {
title: "29 فروردین", title: "29 فروردین",
color: "#007987", color: "text-[#007987]",
backgroundColor: "#06BACE33", backgroundColor: "bg-[#06BACE33]",
icon: clock, icon: clock,
}, },
{ {
title: "12 از 13", title: "12 از 13",
color: "#FFAA00", color: "text-[#FFAA00]",
backgroundColor: "#FFAA0033", backgroundColor: "bg-[#FFAA0033]",
icon: nike, icon: nike,
}, },
], ],

@ -3,24 +3,16 @@ import React from "react";
const TitleSubtitle = ({ const TitleSubtitle = ({
title, title,
subTitle, subTitle,
titleColor, titleClassName,
titleFontWeight, titleBorderClassName,
titleFontSize,
titleDividerBgColor,
titleDividerWidth,
titleDividerHeight,
}) => { }) => {
return ( return (
<div> <div>
{/* page Title */} {/* page Title */}
{title && ( {title && (
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<div <div className={`rounded ml-1 ${titleClassName}`}></div>
className={`rounded ml-1 ${titleDividerBgColor} ${titleDividerWidth} ${titleDividerHeight}`} <h2 className={`${titleBorderClassName}`}>{title}</h2>
></div>
<h2 className={`${titleColor} ${titleFontWeight} ${titleFontSize}`}>
{title}
</h2>
</div> </div>
)} )}
{/* page subTitle */} {/* page subTitle */}
@ -39,11 +31,6 @@ export default TitleSubtitle;
TitleSubtitle.defaultProps = { TitleSubtitle.defaultProps = {
title: "میزان فروش محصولات", title: "میزان فروش محصولات",
subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر", subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر",
titleClassName: "text-base font-normal text-[#233876]",
titleColor: "text-[#233876]", titleBorderClassName: "w-1 h-5 bg-blue-600",
titleFontWeight: "font-normal",
titleFontSize: "text-base",
titleDividerBgColor: "bg-blue-600",
titleDividerWidth: "w-1",
titleDividerHeight: "h-5",
}; };

Loading…
Cancel
Save