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

fix: fix header date, fix vote btn effects overflowing

Browse Source
This commit is contained in:
MTG2000
2022-05-30 15:34:40 +03:00
parent cecdb383b9
commit 37cecdcbe3
5 changed files with 54 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/Posts/pages/PostDetailsPage/Components/PostActions/PostActions.tsx
View File

@@ -48,6 +48,7 @@ export default function PostActions({ post }: Props) {
</li>
</ul> */}
<ul className="bg-white rounded-12 p-16 border flex justify-around md:flex-col gap-32 mt-32">
<VoteButton votes={post.votes_count} onVote={vote} direction='vertical' fillType="upDown" />
{actions.map((action, idx) => <li
key={idx}
className={`py-8 px-20 text-body5 flex flex-col justify-center items-center cursor-pointer rounded-8
@@ -55,7 +56,6 @@ export default function PostActions({ post }: Props) {
<action.icon className={"text-body4 mb-8"}></action.icon>
<span>{action.value}</span>
</li>)}
<VoteButton votes={post.votes_count} onVote={vote} direction='vertical' fillType="upDown" />
</ul>
</div>
)

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

@@ -20,12 +20,12 @@ export default function ProjectCardMini({ project, onClick }: Props) {
return (
<div
className="py-16 select-none px-16 flex items-center gap-16 border-2 border-gray-100 rounded-16 hover:cursor-pointer bg-white hover:bg-gray-250"
className="py-16 select-none px-16 flex items-center gap-16 border-2 border-gray-100 rounded-16 bg-white hover:bg-gray-250"
onKeyDown={e => e.key !== 'Enter' || onClick(project.id)}
tabIndex={0}
>
<img src={project.thumbnail_image} alt={project.title} onClick={() => onClick(project.id)} draggable="false" className="flex-shrink-0 w-64 h-64 bg-gray-200 border-0 rounded-full"></img>
<div className="justify-around items-start min-w-0 flex-1" onClick={() => onClick(project.id)}>
<img src={project.thumbnail_image} alt={project.title} onClick={() => onClick(project.id)} draggable="false" className="flex-shrink-0 w-64 h-64 bg-gray-200 border-0 rounded-full hover:cursor-pointer"></img>
<div className="justify-around items-start min-w-0 flex-1 hover:cursor-pointer" onClick={() => onClick(project.id)}>
<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' /> {numberFormatter(project.votes_count)} </span> */}

2
src/features/Projects/pages/ExplorePage/Header/Header.tsx
View File

@@ -20,7 +20,7 @@ const headerLinks = [
title:
<>
<p className="text-body1 font-bolder text-white">Take part in BOLT🔩FUN’s Shock the Web 2 ⚡️</p>
<p className="text-body3 font-medium text-white mt-8">22nd - 28th March, 2022</p>
<p className="text-body3 font-medium text-white mt-8">16th - 19th June, 2022</p>
</>,
img: Assets.Images_ExploreHeader2,
link: {