Margin top mobile

This commit is contained in:
Oussama Douhou
2026-01-13 16:33:04 +01:00
parent 8c8536f668
commit dd41bb5a6a
2 changed files with 8 additions and 8 deletions

View File

@@ -36,7 +36,7 @@ export const translations = {
title: 'AI Stack Deployer', title: 'AI Stack Deployer',
subtitle: 'Implementeer je persoonlijke AI in seconden', subtitle: 'Implementeer je persoonlijke AI in seconden',
chooseStackName: 'Kies Je Stack Naam', chooseStackName: 'Kies Je Stack Naam',
availableAt: 'Je zal AI-assistenten beschikbaar zijn op', availableAt: 'Je AI-assistenten zal beschikbaar zijn op',
stackName: 'Stack Naam', stackName: 'Stack Naam',
placeholder: 'bijv., Oussama', placeholder: 'bijv., Oussama',
inputHint: '3-20 tekens, kleine letters, cijfers en koppeltekens', inputHint: '3-20 tekens, kleine letters, cijfers en koppeltekens',

View File

@@ -118,15 +118,15 @@ export default function DeployPage() {
dotSize={2} dotSize={2}
/> />
</div> </div>
<div className="absolute inset-0 bg-[radial-gradient(circle_at_center,_rgba(0,0,0,1)_0%,_transparent_100%)]" /> <div className="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(0,0,0,1)_0%,transparent_100%)]" />
<div className="absolute top-0 left-0 right-0 h-1/3 bg-gradient-to-b from-black to-transparent" /> <div className="absolute top-0 left-0 right-0 h-1/3 bg-linear-to-b from-black to-transparent" />
</div> </div>
<LanguageSelector currentLang={lang} onLangChange={setLang} /> <LanguageSelector currentLang={lang} onLangChange={setLang} />
<div className="relative z-10 w-full max-w-[640px] p-4 md:p-8"> <div className="relative z-10 w-full max-w-w160 p-4 md:p-8">
<header className="text-center mb-12"> <header className="text-center mb-12 mt-25 md:mt-0">
<motion.h1 <motion.h1
initial={{ opacity: 0, y: -20 }} initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.5, delay: 0.1 }} transition={{ duration: 0.5, delay: 0.1 }}
@@ -134,7 +134,7 @@ export default function DeployPage() {
> >
{t('title')} {t('title')}
</motion.h1> </motion.h1>
<motion.p <motion.p
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ duration: 0.5, delay: 0.2 }} transition={{ duration: 0.5, delay: 0.2 }}
@@ -207,7 +207,7 @@ export default function DeployPage() {
</AnimatePresence> </AnimatePresence>
</main> </main>
<motion.footer <motion.footer
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ duration: 0.5, delay: 0.5 }} transition={{ duration: 0.5, delay: 0.5 }}