update src/components/Button/index.js and src/components/CardDesign2/index.js

master
Your Name 2 years ago
parent 6244c48ab8
commit 252101b9c4
  1. 2
      src/components/Button/index.js
  2. 7
      src/components/CardDesign2/index.js

@ -3,7 +3,7 @@ const Button = ({ className, iconClassName, icon, text, onClick }) => {
return ( return (
<button <button
onClick={onClick} onClick={onClick}
className={`flex items-center transiton duration-200 hover:bg-opacity-70 ${className}`} className={`flex items-center justify-center transiton duration-200 hover:bg-opacity-70 ${className}`}
> >
{text} {text}
{icon && ( {icon && (

@ -5,7 +5,7 @@ import TitleSubtitle from "../TitleSubtitle";
const CardDesign2 = ({ buttons }) => { const CardDesign2 = ({ buttons }) => {
return ( return (
<div className="flex flex-col bg-white shadow-sm rounded max-w-[396px] mr-20 my-20 p-4"> <div className="flex flex-col bg-white shadow-sm rounded max-w-[370px] mr-20 my-20 p-4">
<TitleSubtitle <TitleSubtitle
subTitle={false} subTitle={false}
title={"طبقه سوم"} title={"طبقه سوم"}
@ -15,15 +15,14 @@ const CardDesign2 = ({ buttons }) => {
titleDividerWidth={"w-1.5"} titleDividerWidth={"w-1.5"}
/> />
<IconText /> <IconText />
<div className="flex flex-wrap gap-y-2 justify-center mt-4"> <div className="flex flex-wrap gap-y-4 justify-around mt-4">
{buttons.map((btn) => ( {buttons.map((btn) => (
<Button <Button
className={`${btn.className} w-1/2 border-none px-4 py-4 text-xs rounded-sm text-white`} className={`${btn.className} w-5/12 border-none px-4 py-4 text-xs rounded-sm text-white`}
text={btn.name} text={btn.name}
/> />
))} ))}
</div> </div>
<Button />
</div> </div>
); );
}; };

Loading…
Cancel
Save