trafficlunar/website
1
0
Fork 0
mirror of https://github.com/trafficlunar/website.git synced 2026-08-12 12:29:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: snappier feel

Browse source 
- adds transitions on page load with starting-style
- change header's feel (unintentional but like iOS 26)
- change some colors about
This commit is contained in:
trafficlunar 2025-11-14 22:22:06 +00:00
parent e3d41cf239
commit 15dfd08c20
14 changed files with 246 additions and 178 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/pages/status.astro
View file

@ -6,21 +6,11 @@ import Computer from "../components/Computer.svelte";
---
<Layout>
<section class="!mb-0 !pt-3">
<legend>status</legend>
<Music client:load />
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium mb-4">
<hr class="flex-grow border-surface1" />
<span>last.fm</span>
<hr class="flex-grow border-surface1" />
</div>
<Music client:only />
<section class="pt-0! transition-all duration-300 delay-200 starting:opacity-0 starting:translate-y-4">
<legend>computer</legend>
<div class="flex items-center gap-4 text-subtext0 text-sm font-medium mt-4">
<hr class="flex-grow border-surface1" />
<span>computer</span>
<hr class="flex-grow border-surface1" />
</div>
<Computer client:only />
<Computer client:load />
</section>
</Layout>