projects responsive updated

This commit is contained in:
parsa aghaei 2024-10-20 16:07:11 +03:30
parent dee79651f8
commit 374076649e

View File

@ -94,13 +94,13 @@ export default function MyProjects({ dict }: MyProjectsProps) {
<p className="text-center text-[21px] font-[400] text-black">
{dict.homePage.projects.description}
</p>
<ul className="mb-10 mt-20 flex w-full flex-wrap items-center justify-center gap-5">
<ul className="mb-10 mt-20 flex w-full flex-wrap items-center justify-center gap-2">
{categories.length > 0 ? (
categories.map((category, index) => (
<li
key={index}
onClick={() => setSelectedCategory(category.label)}
className={`select-none whitespace-nowrap rounded-md border border-[#545454] bg-[#F8F8F8] px-[20px] py-[10px] text-[18px] font-[600] hover:cursor-pointer hover:border-[#FD6F00] capitalize ${
className={`select-none whitespace-nowrap rounded-md border border-[#545454] bg-[#F8F8F8] p-2 text-[14px] md:text-[18px] font-[600] hover:cursor-pointer hover:border-[#FD6F00] capitalize ${
selectedCategory === category.label
? "bg-[#FD6F00] text-[#FFFFFF]"
: "text-[#000]"