logos-co/logos-web
1
0
Fork 0
mirror of https://github.com/logos-co/logos-web.git synced 2026-08-27 12:11:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): align roadmap hero content

Browse Source
This commit is contained in:
jinhojang6
2026-08-11 04:00:54 +09:00
committed by Jinho Jang
parent e160be8cf5
commit ddeb9e0a8e
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/components/sections/roadmap/hero.tsx
+2 -2
View File
@@ -10,11 +10,11 @@ export function RoadmapHero({ data }: RoadmapHeroProps) {
return (
<section className="relative h-[372px] overflow-hidden bg-brand-off-white md:-mt-0.5 md:h-[447px]">
<ContentWidth className="relative h-full text-brand-dark-green">
<p className="text-mono-s absolute top-10 left-3 w-[min(342px,calc(100vw-24px))] text-left md:top-[58px] md:left-1/2 md:-translate-x-1/2 md:text-center min-[1025px]:left-[calc(50%+6px)] min-[1025px]:translate-x-0 min-[1025px]:text-left">
<p className="text-mono-s absolute top-10 left-3 w-[min(342px,calc(100vw-24px))] text-left md:top-[58px] md:left-[calc(50%+6px)] md:w-[min(342px,calc(50vw-18px))]">
{data.eyebrow}
</p>
<h1 className="text-h2 absolute top-[128px] left-1/2 w-[min(464px,calc(100vw-24px))] -translate-x-1/2 whitespace-pre-line text-brand-dark-green [text-box-edge:cap_alphabetic] [text-box-trim:trim-both] md:top-[140px]">
<h1 className="text-h2 absolute top-[128px] left-3 w-[min(464px,calc(100vw-24px))] whitespace-pre-line text-brand-dark-green [text-box-edge:cap_alphabetic] [text-box-trim:trim-both] md:top-[140px]">
{data.heading}
</h1>