ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-12 13:26:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve the landing page

Browse source
This commit is contained in:
Ruidy 2024-12-14 09:18:06 +01:00
parent 2dee5123a4
commit a5d328a133
No known key found for this signature in database
GPG key ID: E00F51288CB857CC
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
pages/index.vue
View file

@ -29,15 +29,17 @@ useSeoMeta({
<template> <template>
<div class="hero min-h-full bg-base-200"> <div class="hero min-h-full bg-base-200">
<div class="hero-content flex-col lg:flex-row-reverse"> <div class="hero-content flex-col lg:flex-row-reverse h-full">
<NuxtImg src="/chef.svg" class="max-w-sm rounded-lg shadow-2xl" /> <nuxt-img
<div> src="/chef.svg"
class="max-w-sm h-[80vh] object-contain rounded-lg"
/>
<div class="flex flex-col justify-center">
<h1 class="text-5xl font-bold prose">Eat Something New</h1> <h1 class="text-5xl font-bold prose">Eat Something New</h1>
<p class="py-6 prose">Generate a random recipe.</p> <p class="py-6 prose">Generate a random recipe.</p>
<NuxtLink to="/random" class="btn btn-primary"> <nuxt-link to="/random" class="btn btn-primary">
Random Recipe Now Random Recipe Now
</NuxtLink> </nuxt-link>
</div> </div>
</div> </div>
</div> </div>