algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-28 04:33:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

[resumes][feat] centralize comment header

Browse Source
This commit is contained in:
Keane Chan
2022-10-27 00:01:53 +08:00
parent 4bbf2b42b9
commit c3f5315947
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/portal/src/components/resumes/comments/ResumeCommentsList.tsx
View File

@ -55,7 +55,7 @@ export default function ResumeCommentsList({
<Spinner display="block" size="lg" />
</div>
) : (
<div className="mb-8 flow-root h-[calc(100vh-13rem)] w-full flex-col space-y-4 overflow-y-auto overflow-x-hidden pb-16">
<div className="mb-8 flow-root h-[calc(100vh-13rem)] w-full flex-col space-y-10 overflow-y-auto overflow-x-hidden pb-16">
{RESUME_COMMENTS_SECTIONS.map(({ label, value }) => {
const comments = commentsQuery.data
? commentsQuery.data.filter((comment: ResumeComment) => {
@ -65,13 +65,17 @@ export default function ResumeCommentsList({
const commentCount = comments.length;
return (
<div key={value} className="space-y-6 pr-4">
<div className="text-primary-800 -mb-2 flex flex-row items-center space-x-2">
<div key={value} className="space-y-4 pr-4">
{/* CommentHeader Section */}
<div className="text-primary-800 flex items-center space-x-2">
<hr className="flex-grow border-gray-300" />
{renderIcon(value)}
<div className="w-fit text-lg font-medium">{label}</div>
<span className="w-fit text-lg font-medium">{label}</span>
<hr className="flex-grow border-gray-300" />
</div>
{/* Comment Section */}
<div
className={clsx(
'space-y-2 rounded-md border-2 bg-white px-4 py-3 drop-shadow-md',
@ -97,8 +101,6 @@ export default function ResumeCommentsList({
</div>
)}
</div>
<hr className="border-gray-300" />
</div>
);
})}

1
apps/portal/src/pages/resumes/about.tsx
View File

@ -52,6 +52,7 @@ export default function AboutUsPage() {
target="_blank">
here
</a>
.
</div>
</div>
);