Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve HeroSection responsiveness and remove expertise tag truncation in user profile page

Browse Source
This commit is contained in:
pradeepkumar
2026-04-17 20:20:31 +05:30
parent b568e4b178
commit 39a8d846b4
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(user)/user/profiles/page.tsx
View File

@@ -346,7 +346,7 @@ function ProfileCard({ profile, resolvedAvatarUrl }: ProfileCardProps) {
{expertiseTags.length > 0 && (
<div className="mt-3">
<p className="font-fractul font-bold text-[14px] text-[#00293d] mb-2">Expertise:</p>
<div className={`flex flex-wrap gap-2 items-center ${showAllTags ? '' : 'max-h-[72px] overflow-hidden'}`}>
<div className="flex flex-wrap gap-2 items-center">
{(showAllTags ? expertiseTags : expertiseTags.slice(0, INITIAL_TAG_COUNT)).map((tag, index) => (
<span
key={index}

4
src/components/home/HeroSection.tsx
View File

@@ -110,7 +110,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
};
return (
<section className="relative h-[540px] overflow-hidden">
<section className="relative min-h-[540px] md:h-[540px] overflow-hidden">
{/* Background Image */}
<div className="absolute inset-0">
<Image
@@ -122,7 +122,7 @@ export function HeroSection({ content }: { content?: HeroContent }) {
/>
</div>
<div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-10 h-[540px] flex flex-col">
<div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 pt-20 pb-10 md:pt-28 min-h-[540px] md:h-[540px] flex flex-col">
{/* Headline */}
<div className="text-center mb-8">
<h1 className="font-fractul font-bold text-[24px] md:text-[28px] lg:text-[30px] leading-[50px] text-[#00293d] max-w-4xl mx-auto">