Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-05-22 21:38:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(website): prevent cloud hero text from overflowing at lg viewports

Browse Source 
The cloud hero text wrapper used lg:translate-x-[25%] which translates by
25% of its own 640px min-width = 160px past the viewport at lg-but-not-xl
widths (1024-1279px), making the CLOUD badge, heading, and subtitle clip
on portrait monitors like 1080x1920.

Sibling product heroes (local, enterprise, api) all use 10% for the same
class. Align the cloud hero with that established pattern.

Fixes FE-610
This commit is contained in:
Glary-Bot
2026-05-14 15:23:02 +00:00
parent f176d18fe0
commit ad8d35e547
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/website/src/components/product/cloud/HeroSection.vue
View File

@@ -379,7 +379,7 @@ const { locale = 'en' } = defineProps<{ locale?: Locale }>()
<!-- Text -->
<div
class="relative z-10 mt-17 w-full px-4 pb-16 lg:mt-0 lg:min-w-160 lg:flex-1 lg:translate-x-[25%] lg:px-20 lg:py-14"
class="relative z-10 mt-17 w-full px-4 pb-16 lg:mt-0 lg:min-w-160 lg:flex-1 lg:translate-x-[10%] lg:px-20 lg:py-14"
>
<ProductHeroBadge text="CLOUD" />