lab/landing_page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: apply Primary Color (#4E77FF) across all section kickers, subheaders, and decorative dashes

Browse Source
This commit is contained in:
Godopu
2026-08-20 22:42:26 +09:00
parent c4298bb60a
commit 7e431de1b7
8 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
refer_landing_page/app/_components/ProjectPageView.tsx
+5 -5
View File
@@ -11,8 +11,8 @@ export function ProjectPageView() {
<div className="flex flex-col sm:flex-row sm:items-end justify-between gap-4 border-b border-line pb-4">
<div>
<div className="flex items-center gap-3 mb-1">
<span className="h-px w-8 bg-vermillion"></span>
<span className="font-mono text-xs tracking-widest uppercase text-vermillion font-bold">
<span className="h-px w-8 bg-cobalt-dark dark:bg-cobalt"></span>
<span className="font-mono text-xs tracking-widest uppercase text-cobalt-dark dark:text-cobalt font-bold">
Key Initiatives
</span>
</div>
@@ -32,7 +32,7 @@ export function ProjectPageView() {
role="group"
aria-roledescription="carousel"
aria-label="연구 프로젝트 목록"
className="flex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden desktop:grid desktop:grid-cols-3 desktop:overflow-visible focus:outline-none focus:ring-1 focus:ring-vermillion/50 rounded"
className="flex gap-6 overflow-x-auto snap-x snap-mandatory scroll-smooth [scrollbar-width:none] [&::-webkit-scrollbar]:hidden desktop:grid desktop:grid-cols-3 desktop:overflow-visible focus:outline-none focus:ring-1 focus:ring-cobalt/50 rounded"
>
{researchProjects.map((proj, idx) => (
<article
@@ -41,7 +41,7 @@ export function ProjectPageView() {
role="group"
aria-roledescription="slide"
aria-label={`${researchProjects.length}개 중 ${idx + 1}번째 프로젝트`}
className="snap-start shrink-0 min-w-0 w-full md:w-[calc(50%-12px)] desktop:w-full flex flex-col justify-between bg-paper p-6 rounded-lg border border-line hover:border-vermillion/60 transition-colors space-y-5 break-words [word-break:keep-all]"
className="snap-start shrink-0 min-w-0 w-full md:w-[calc(50%-12px)] desktop:w-full flex flex-col justify-between bg-paper p-6 rounded-lg border border-line hover:border-cobalt/60 transition-colors space-y-5 break-words [word-break:keep-all]"
>
<div className="space-y-4">
{/* Header Info */}
@@ -50,7 +50,7 @@ export function ProjectPageView() {
{proj.title}
</h3>
{proj.period && (
<span className="font-mono text-xs text-vermillion bg-ivory border border-line px-2 py-0.5 rounded shrink-0">
<span className="font-mono text-xs text-cobalt-dark dark:text-cobalt bg-ivory border border-line px-2 py-0.5 rounded shrink-0">
{proj.period}
</span>
)}