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

fix: update bounty card styles

Browse Source
This commit is contained in:
MTG2000
2022-04-17 14:46:32 +03:00
parent 116d6a43c9
commit 3441aee98e
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/features/Posts/Components/PostCard/BountyCard.tsx
View File

@@ -11,21 +11,25 @@ interface Props {
export default function BountyCard({ bounty }: Props) {
return (
<div className="bg-white rounded-12 overflow-hidden border">
<img src={bounty.cover_image} className='h-[200px] w-full object-cover' alt="" />
<img src={bounty.cover_image} className='h-[200px] w-full object-cover bg-gray-100' alt="" />
<div className="p-24">
<Header author={bounty.author} date={bounty.date} />
<div className="flex justify-between">
<div>
<h2 className="text-h5 font-medium mt-16">{bounty.title}</h2>
<div className="flex gap-8 mt-8">
<h2 className="text-h5 font-bolder mt-16 flex items-center gap-8">
<Badge color="none" size="sm" className="bg-yellow-500 text-black">Bounty</Badge>
<Badge color="none" size="sm" className="bg-purple-200 text-purple-900">{bounty.reward_amount} sats</Badge>
</div>
<span>{bounty.title}</span>
</h2>
</div>
<Button color="black" className="self-center !py-10 !px-36 flex-shrink-0 ">
Apply
</Button>
</div>
<div className=" mt-16">
<span className="text-body4 text-gray-600 font-bolder">Reward: </span>
<span className="text-body4 text-purple-500 font-medium">{bounty.reward_amount} sats</span>
</div>
<p className="text-body4 text-gray-600 mt-8">{bounty.excerpt}</p>
<div className="flex gap-8 mt-8">

2
src/features/Posts/Components/PostCard/QuestionCard.tsx
View File

@@ -17,7 +17,7 @@ export default function QuestionCard({ question }: Props) {
<div className="p-24">
<Header author={question.author} date={question.date} />
<div className="flex justify-between">
<h2 className="text-h5 font-medium mt-16">{question.title}</h2>
<h2 className="text-h5 font-bolder mt-16">{question.title}</h2>
</div>
<p className="text-body4 text-gray-600 mt-8">{question.excerpt}</p>

2
src/features/Posts/Components/PostCard/StoryCard.tsx
View File

@@ -12,7 +12,7 @@ export default function StoryCard({ story }: Props) {
<img src={story.cover_image} className='h-[200px] w-full object-cover' alt="" />
<div className="p-24">
<Header author={story.author} date={story.date} />
<h2 className="text-h5 font-medium mt-16">{story.title}</h2>
<h2 className="text-h5 font-bolder mt-16">{story.title}</h2>
<p className="text-body4 text-gray-600 mt-8">{story.excerpt}</p>
<hr className="my-16 bg-gray-200" />