Merge pull request #16 from mist-go/hero-fix

Hero fix
This commit is contained in:
2026-07-04 02:11:33 +02:00
committed by GitHub
2 changed files with 5 additions and 3 deletions
+2
View File
@@ -4,6 +4,8 @@ description: This guide will walk you through installing the Mist CLI, setting u
icon: Rocket icon: Rocket
--- ---
For any Questions you may have about mist, [visit the FAQ here](/faq).
## 1. Installation ## 1. Installation
Mist is currently distributed as a Cargo crate. To get started, you'll need to have the Rust toolchain installed. Mist is currently distributed as a Cargo crate. To get started, you'll need to have the Rust toolchain installed.
+3 -3
View File
@@ -124,7 +124,7 @@ function ShowSection({
return ( return (
<motion.section <motion.section
ref={ref} ref={ref}
className="h-svh p-10 md:p-20 w-full flex flex-col items-center justify-center snap-center" className="min-h-svh xl:min-h-0 xl:h-full p-10 md:p-20 w-full flex flex-col items-center justify-center snap-center"
> >
<motion.div <motion.div
className="flex flex-col gap-2 items-center justify-center" className="flex flex-col gap-2 items-center justify-center"
@@ -172,8 +172,8 @@ export default function HomePage() {
const [currentText, setCurrentText] = useState(mistShowcase[0]?.code || ""); const [currentText, setCurrentText] = useState(mistShowcase[0]?.code || "");
return ( return (
<div className="h-[calc(100vh-58px)] overflow-auto snap-y snap-mandatory scroll-smooth no-scrollbar relative flex flex-col xl:flex-row"> <div className="flex-1 min-h-0 overflow-auto snap-y snap-mandatory scroll-smooth no-scrollbar relative flex flex-col xl:flex-row">
<div className="hidden pointer-events-none sticky top-0 right-0 z-50 xl:flex order-first xl:order-last w-full xl:w-[40vw] h-svh items-center justify-center p-10 no-scrollbar"> <div className="hidden pointer-events-none sticky top-0 right-0 z-50 xl:flex order-first xl:order-last w-full xl:w-[40vw] items-center justify-center p-10 no-scrollbar">
<div className="w-full max-w-2xl overflow-hidden no-scrollbar"> <div className="w-full max-w-2xl overflow-hidden no-scrollbar">
<motion.div <motion.div
className="will-change-transform transform-gpu w-full h-auto border border-fd-border p-5 rounded-xl min-h-24 backdrop-blur bg-black dark:bg-black/20 pointer-events-auto" className="will-change-transform transform-gpu w-full h-auto border border-fd-border p-5 rounded-xl min-h-24 backdrop-blur bg-black dark:bg-black/20 pointer-events-auto"