update 5 files

master
Your Name 2 years ago
parent 5336619479
commit 995e35b6b3
  1. 2
      src/App.js
  2. 9
      src/components/ButtonNewDesign/index.js
  3. 11
      src/components/CardTrelloDesign/index.js
  4. 6
      src/components/FileManager/index.js
  5. 13
      src/components/PopupCard/index.js

@ -88,7 +88,7 @@ function App() {
{/* <VodProductNew /> */} {/* <VodProductNew /> */}
{/* <BookDesign /> */} {/* <BookDesign /> */}
{/* <ButtonDesign /> */} {/* <ButtonDesign /> */}
<ProductTags /> {/* <ProductTags /> */}
{/* <CounterDesign /> */} {/* <CounterDesign /> */}
{/* <BlogDesign1 /> */} {/* <BlogDesign1 /> */}
{/* <BlogDesign2 /> */} {/* <BlogDesign2 /> */}

@ -11,7 +11,8 @@ const ButtonNewDesign = ({
borderColor, borderColor,
borderRadius, borderRadius,
fontSize, fontSize,
padding, paddingX,
paddingY,
icon, icon,
buttonIcon, buttonIcon,
text, text,
@ -21,7 +22,8 @@ const ButtonNewDesign = ({
return ( return (
<button <button
onClick={onClick} onClick={onClick}
className={`w-fit h-fit flex items-center transiton duration-200 hover:bg-opacity-70 ${bgColor} ${bgHoverColor} ${textColor} ${border} ${borderColor} ${borderRadius} ${fontSize} ${padding}`} className={`w-fit h-fit flex items-center transiton duration-200 hover:bg-opacity-70 ${bgColor} ${bgHoverColor} ${textColor} ${border} ${borderColor} ${borderRadius} ${fontSize}
${paddingY} ${paddingX}`}
> >
{text} {text}
{icon && ( {icon && (
@ -44,7 +46,8 @@ ButtonNewDesign.defaultProps = {
borderColor: "border-lightBlueBorderColor", borderColor: "border-lightBlueBorderColor",
borderRadius: "rounded", borderRadius: "rounded",
fontSize: "text-sm", fontSize: "text-sm",
padding: "p-4", paddingX: "p-4",
paddingY: "p-4",
// icons // icons
icon: true, icon: true,
buttonIcon: arrow, buttonIcon: arrow,

@ -32,7 +32,8 @@ const CardTrelloDesign = ({ circle, pictures }) => {
bgColor={"bg-[#ff0a3c]"} bgColor={"bg-[#ff0a3c]"}
bgHoverColor={"bg-transparent"} bgHoverColor={"bg-transparent"}
border={"border-none"} border={"border-none"}
padding={"p-1.5"} paddingX={"p-3"}
paddingY={"p-3"}
fontSize={"text-xs"} fontSize={"text-xs"}
borderRadius={"rounded-md"} borderRadius={"rounded-md"}
icon={false} icon={false}
@ -42,9 +43,10 @@ const CardTrelloDesign = ({ circle, pictures }) => {
bgColor={"bg-[#0AABFF]"} bgColor={"bg-[#0AABFF]"}
bgHoverColor={"bg-transparent"} bgHoverColor={"bg-transparent"}
border={"border-none"} border={"border-none"}
padding={"p-1.5"} paddingX={"p-3"}
paddingY={"p-3"}
fontSize={"text-xs"} fontSize={"text-xs"}
borderRadius={"rounded-md"} borderRadius={"rounded-sm"}
icon={false} icon={false}
text={"فرانت اند"} text={"فرانت اند"}
/> />
@ -52,7 +54,8 @@ const CardTrelloDesign = ({ circle, pictures }) => {
bgColor={"bg-[#C7FF0A]"} bgColor={"bg-[#C7FF0A]"}
bgHoverColor={"bg-transparent"} bgHoverColor={"bg-transparent"}
border={"border-none"} border={"border-none"}
padding={"p-1.5"} paddingX={"p-3"}
paddingY={"p-3"}
fontSize={"text-xs"} fontSize={"text-xs"}
borderRadius={"rounded-md"} borderRadius={"rounded-md"}
icon={false} icon={false}

@ -63,7 +63,8 @@ const FileManager = () => {
borderColor={"border-blue-500"} borderColor={"border-blue-500"}
borderRadius={"rounded"} borderRadius={"rounded"}
fontSize={"text-xs"} fontSize={"text-xs"}
padding={"p-3"} paddingX={"p-3"}
paddingY={"p-3"}
icon={true} icon={true}
buttonIcon={arrowLeft} buttonIcon={arrowLeft}
/> />
@ -76,7 +77,8 @@ const FileManager = () => {
borderColor={"border-blue-500"} borderColor={"border-blue-500"}
borderRadius={"rounded"} borderRadius={"rounded"}
fontSize={"text-xs"} fontSize={"text-xs"}
padding={"p-3"} paddingX={"p-3"}
paddingY={"p-3"}
icon={true} icon={true}
buttonIcon={arrowLeft} buttonIcon={arrowLeft}
/> />

@ -135,7 +135,8 @@ const PopupCard = ({ selectedChecklist }) => {
border={"border-none"} border={"border-none"}
borderRadius={"rounded"} borderRadius={"rounded"}
fontSize={"text-xs"} fontSize={"text-xs"}
padding={"p-3"} paddingX={"p-3"}
paddingY={"p-3"}
icon={false} icon={false}
text={"دعوت فرد جدید"} text={"دعوت فرد جدید"}
/> />
@ -153,7 +154,8 @@ const PopupCard = ({ selectedChecklist }) => {
border={"border-none"} border={"border-none"}
borderRadius={"rounded"} borderRadius={"rounded"}
fontSize={"text-xs"} fontSize={"text-xs"}
padding={"p-3"} paddingX={"p-3"}
paddingY={"p-3"}
icon={false} icon={false}
text={"برنامه نویس اندروید"} text={"برنامه نویس اندروید"}
/> />
@ -164,7 +166,8 @@ const PopupCard = ({ selectedChecklist }) => {
border={"border-none"} border={"border-none"}
borderRadius={"rounded"} borderRadius={"rounded"}
fontSize={"text-xs"} fontSize={"text-xs"}
padding={"p-3"} paddingX={"p-3"}
paddingY={"p-3"}
icon={false} icon={false}
text={"رابط کاربری"} text={"رابط کاربری"}
/> />
@ -175,7 +178,8 @@ const PopupCard = ({ selectedChecklist }) => {
border={"border-none"} border={"border-none"}
borderRadius={"rounded"} borderRadius={"rounded"}
fontSize={"text-xs"} fontSize={"text-xs"}
padding={"p-3"} paddingX={"p-3"}
paddingY={"p-3"}
icon={false} icon={false}
text={"فرایند قانونگذاری"} text={"فرایند قانونگذاری"}
/> />
@ -184,6 +188,7 @@ const PopupCard = ({ selectedChecklist }) => {
src={plus} src={plus}
className="w-full" className="w-full"
style={{ marginTop: "-2px" }} style={{ marginTop: "-2px" }}
alt=""
/> />
</div> </div>
</div> </div>

Loading…
Cancel
Save