public/glowing-fiesta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Created outlined button and redesigned homepage.
All checks were successful
Production PR / QA Tests (pull_request) Successful in 46s
Details
Production Build and Deploy / Build (push) Successful in 1m48s
Details
Production Build and Deploy / Deploy (push) Successful in 22s
Details

Browse source
This commit is contained in:
Liviu Burcusel 2026-01-16 11:07:15 +01:00
parent 8347d50dd9
commit 97154f46d0
Signed by: liviu
GPG key ID: 6CDB37A4AD2C610C
4 changed files with 18 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/pages/index.vue
View file

@ -26,20 +26,19 @@ useSeoMeta({
</script>
<template>
<div class="grid auto-rows-min gap-4 md:grid-cols-3">
<div class="bg-muted/50 aspect-video rounded-xl" />
<div class="bg-muted/50 aspect-video rounded-xl flex items-center justify-center gap-2">
<span class="text-primary">Last clicked button:</span>
<span class="font-bold text-lime-500">{{ lastClicked }}</span>
</div>
<div class="bg-muted/50 aspect-video rounded-xl" />
<div class="bg-muted/50 rounded-xl flex py-4 items-center justify-center gap-2">
<span class="text-primary">Last clicked button:</span>
<span class="font-bold text-lime-500">{{ lastClicked }}</span>
</div>
<div class="bg-muted/50 min-h-screen flex-1 rounded-xl md:min-h-min flex items-center justify-center gap-2">
<Button variant="default" @click="buttonClicked('default')">Default</Button>
<Button variant="outline" @click="buttonClicked('outline')">Outline</Button>
<Button variant="ghost" @click="buttonClicked('ghost')">Ghost</Button>
<Button variant="link" @click="buttonClicked('link')">Link</Button>
<Button variant="secondary" @click="buttonClicked('secondary')">Secondary</Button>
<Button variant="destructive" @click="buttonClicked('destructive')">Destructive</Button>
<div class="bg-muted/50 min-h-screen flex-1 rounded-xl md:min-h-min flex items-start justify-center">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 py-4">
<Button variant="default" @click="buttonClicked('default')">Default</Button>
<Button variant="secondary" @click="buttonClicked('secondary')">Secondary</Button>
<Button variant="destructive" @click="buttonClicked('destructive')">Destructive</Button>
<Button variant="outline" @click="buttonClicked('outline')">Outline</Button>
<Button variant="outlined" @click="buttonClicked('outlined')">Outlined</Button>
<Button variant="ghost" @click="buttonClicked('ghost')">Ghost</Button>
<Button variant="link" @click="buttonClicked('link')">Link</Button>
</div>
</div>
</template>