ourworld_web/www_projectmycelium_com
22
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 3 Pull Requests Projects Releases Activity

refactor: improve CallToAction typography and AgentBento mobile layout across pages

Browse Source 
- Added leading-normal to all CallToAction description paragraphs for better readability
- Changed AgentBento empty animation placeholder to hidden on mobile using hidden md:flex
- Reduced top margin from mt-8 to mt-6 for agents CallToAction CTA cards
- Changed "Follow Development" link margin from mt-5 to lg:mt-5 mt-0 for responsive spacing
- Applied leading-normal changes to agents, compute, gpu, home, network, nodes
This commit is contained in:
sasha-astiadi
2025-11-18 12:50:36 +01:00
parent 8509b80f47
commit f9ee299362
8 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/agents/CallToAction.tsx
View File

@@ -41,15 +41,15 @@ export function CallToAction() {
Start with Mycelium Today
</h2>
<p className="mt-6 text-lg text-gray-300">
<p className="mt-6 text-lg leading-normal text-gray-300">
The Agent Framework launches in H1 2026, but the foundation is ready now.
</p>
<p className="mt-2 text-lg text-gray-300">
<p className="mt-2 text-lg leading-normal text-gray-300">
Use today’s components —models, storage, compute, and network— to deploy workloads, connect nodes, and prepare for the next generation of distributed AI.
</p>
{/* ✅ Two cards, stacked center with spacing */}
<div className="mt-8 flex flex-wrap justify-center gap-x-10 gap-y-8">
<div className="mt-6 flex flex-wrap justify-center gap-x-10 gap-y-8">
<div className="flex flex-col items-center text-center max-w-xs">
<Button
as="a"
@@ -75,7 +75,7 @@ export function CallToAction() {
href="https://threefold.info/mycelium_network/docs/"
target="_blank"
rel="noopener noreferrer"
className="mt-5 font-semibold text-white underline underline-offset-4 decoration-white/70 hover:text-cyan-200 hover:decoration-cyan-200 transition-colors inline-flex items-center gap-1.5"
className="lg:mt-5 mt-0 font-semibold text-white underline underline-offset-4 decoration-white/70 hover:text-cyan-200 hover:decoration-cyan-200 transition-colors inline-flex items-center gap-1.5"
>
Follow Development
<span aria-hidden="true">→</span>