aiolabs/atio-home
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: larger logo, subtle branding label, card hover lift

Browse source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Patrick Mulligan 2026-04-02 15:44:38 -04:00
parent 7f07b70b33
commit a52e8674fd
3 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App.vue
View file

@ -14,7 +14,7 @@ import InfoCard from '@/components/InfoCard.vue'
<div class="fixed inset-0 bg-black/70 pointer-events-none" /> <div class="fixed inset-0 bg-black/70 pointer-events-none" />
<!-- Page content --> <!-- Page content -->
<main class="relative z-10 w-full max-w-lg px-6 py-16 max-md:px-4 max-md:py-10 space-y-10 max-md:space-y-6"> <main class="relative z-10 w-full max-w-lg px-6 py-16 max-md:px-4 max-md:py-10 space-y-8 max-md:space-y-5">
<HeroSection /> <HeroSection />
<InfoCard /> <InfoCard />
</main> </main>

7
src/components/HeroSection.vue
View file

@ -1,9 +1,12 @@
<template> <template>
<header class="text-center animate-fade-in"> <header class="text-center animate-fade-in space-y-3">
<img <img
src="/logo.png" src="/logo.png"
alt="Atitlan.io" alt="Atitlan.io"
class="w-32 max-md:w-20 mx-auto drop-shadow-[0_4px_20px_var(--color-primary)] animate-float" class="w-44 max-md:w-28 mx-auto drop-shadow-[0_4px_30px_var(--color-primary)] animate-float"
/> />
<p class="text-sm font-light tracking-[0.25em] uppercase text-muted-foreground">
Atitlan.io
</p>
</header> </header>
</template> </template>

2
src/components/InfoCard.vue
View file

@ -14,7 +14,7 @@ import AtmStatusList from './AtmStatusList.vue'
</script> </script>
<template> <template>
<Card class="backdrop-blur-xl bg-black/50 border-primary/20 shadow-2xl shadow-primary/5"> <Card class="backdrop-blur-xl bg-black/50 border-primary/20 shadow-2xl shadow-primary/5 transition-transform duration-300 hover:-translate-y-1">
<!-- Bitcoinmat rates --> <!-- Bitcoinmat rates -->
<CardHeader class="text-center"> <CardHeader class="text-center">
<CardTitle class="text-2xl max-md:text-xl font-medium text-bitcoin"> <CardTitle class="text-2xl max-md:text-xl font-medium text-bitcoin">