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" />
<!-- 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 />
<InfoCard />
</main>

7
src/components/HeroSection.vue
View file

@ -1,9 +1,12 @@
<template>
<header class="text-center animate-fade-in">
<header class="text-center animate-fade-in space-y-3">
<img
src="/logo.png"
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>
</template>

2
src/components/InfoCard.vue
View file

@ -14,7 +14,7 @@ import AtmStatusList from './AtmStatusList.vue'
</script>
<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 -->
<CardHeader class="text-center">
<CardTitle class="text-2xl max-md:text-xl font-medium text-bitcoin">