aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-27 02:04:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

change: change search component

Browse Source 
- changed search component structure & api due to it being displayed differently in mobile & desktop
This commit is contained in:
MTG2000
2022-05-27 17:04:31 +03:00
parent 4194eadb6e
commit edb90296ca
11 changed files with 93 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/features/Projects/Components/ProjectCardMini/ProjectCardMini.tsx
View File

@@ -1,4 +1,5 @@
import { MdLocalFireDepartment } from "react-icons/md";
import { numberFormatter } from "src/utils/helperFunctions";
import { ProjectCard } from "src/utils/interfaces";
@@ -20,7 +21,7 @@ export default function ProjectCardMini({ project, onClick }: Props) {
<div className="justify-around items-start min-w-0">
<p className="text-body4 w-full font-bold overflow-ellipsis overflow-hidden whitespace-nowrap">{project.title}</p>
<p className="text-body5 text-gray-600 font-light my-[5px]">{project.category.title}</p>
<span className="chip-small bg-warning-50 text-yellow-700 font-light text-body5 py-[3px] px-10"> <MdLocalFireDepartment className='inline-block text-fire transform text-body4 align-middle' /> {project.votes_count} </span>
<span className="chip-small bg-warning-50 text-yellow-700 font-light text-body5 py-[3px] px-10"> <MdLocalFireDepartment className='inline-block text-fire transform text-body4 align-middle' /> {numberFormatter(project.votes_count)} </span>
</div>
</div>
);