development/6d96d761-e665-450e-83fb-343d23264278
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Style: add blue button with linkedin text to ea

Browse Source
This commit is contained in:
kudindmitriy
2026-01-26 18:15:29 +02:00
parent 0d6adc9383
commit 5d24f356f8
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/page.tsx
View File

@@ -207,7 +207,8 @@ export default function LandingPage() {
} }
]} ]}
ariaLabel="Blog section" ariaLabel="Blog section"
/>
imageClassName="secondary-button text-background rounded-theme"/>
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">

8
src/components/sections/blog/BlogCardOne.tsx
View File

@@ -7,7 +7,6 @@ import Badge from "@/components/shared/Badge";
import OverlayArrowButton from "@/components/shared/OverlayArrowButton"; import OverlayArrowButton from "@/components/shared/OverlayArrowButton";
import { cls, shouldUseInvertedText } from "@/lib/utils"; import { cls, shouldUseInvertedText } from "@/lib/utils";
import { useTheme } from "@/providers/themeProvider/ThemeProvider"; import { useTheme } from "@/providers/themeProvider/ThemeProvider";
import { LinkedIn } from "lucide-react";
import type { LucideIcon } from "lucide-react"; import type { LucideIcon } from "lucide-react";
import type { ButtonConfig, CardAnimationType, TitleSegment } from "@/components/cardStack/types"; import type { ButtonConfig, CardAnimationType, TitleSegment } from "@/components/cardStack/types";
import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants"; import type { TextboxLayout, InvertedBackground } from "@/providers/themeProvider/config/constants";
@@ -138,11 +137,6 @@ const BlogCardItem = memo(({
<div className="flex flex-col"> <div className="flex flex-col">
<p className={cls("text-sm font-medium", shouldUseLightText ? "text-background" : "text-foreground", authorNameClassName)}> <p className={cls("text-sm font-medium", shouldUseLightText ? "text-background" : "text-foreground", authorNameClassName)}>
{blog.authorName} {blog.authorName}
{blog.linkedinUrl && (
<a href={blog.linkedinUrl} target="_blank" rel="noopener noreferrer" className="ml-1">
<LinkedIn size={16} />
</a>
)}
</p> </p>
<p className={cls("text-xs", shouldUseLightText ? "text-background/75" : "text-foreground/75", dateClassName)}> <p className={cls("text-xs", shouldUseLightText ? "text-background/75" : "text-foreground/75", dateClassName)}>
{blog.date} {blog.date}
@@ -251,4 +245,4 @@ const BlogCardOne = ({
BlogCardOne.displayName = "BlogCardOne"; BlogCardOne.displayName = "BlogCardOne";
export default BlogCardOne; export default BlogCardOne;