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 (
<button
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}
{icon && (

@ -5,7 +5,7 @@ import TitleSubtitle from "../TitleSubtitle";
const CardDesign2 = ({ buttons }) => {
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
subTitle={false}
title={"طبقه سوم"}
@ -15,15 +15,14 @@ const CardDesign2 = ({ buttons }) => {
titleDividerWidth={"w-1.5"}
/>
<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) => (
<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}
/>
))}
</div>
<Button />
</div>
);
};

Loading…
Cancel
Save