ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-06 02:26:49 +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>
<div class="hero min-h-full bg-base-200">
<div class="hero-content flex-col lg:flex-row-reverse">
<NuxtImg src="/chef.svg" class="max-w-sm rounded-lg shadow-2xl" />
<div>
<div class="hero-content flex-col lg:flex-row-reverse h-full">
<nuxt-img
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>
<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
</NuxtLink>
</nuxt-link>
</div>
</div>
</div>