ChitoWarlock/soc_site-astro
1
0
Fork 0
mirror of https://github.com/jorgev259/soc_site-astro.git synced 2025-06-29 07:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Implement Get Lucky sidebar button

Browse source
This commit is contained in:
Jorge Vargas 2025-03-24 14:00:44 -06:00
parent 5c8f8be791
commit 91a91cb6a3
4 changed files with 39 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/Sidebar.astro
View file

@ -13,13 +13,16 @@ import AlbumBox from './AlbumBox.astro'
import AlbumCount from './sidebar/AlbumCount.astro'
import CommentCarousel from './sidebar/CommentCarousel.astro'
import SidebarAd from './sidebar/SidebarAd.astro'
import GetLuckyAlbum from './sidebar/GetLuckyAlbum.astro'
const listClass =
'uppercase text-3xl font-semibold w-full text-center py-3 hover:bg-dark-hover hover:text-cyan-400 hover:underline'
---
<div class='md:w-3/12 md:max-w-[300px] h-full bg-dark flex flex-col'>
<a href='#' class={listClass}>{m.getLucky()}</a>
<GetLuckyAlbum server:defer class={listClass}>
<div slot='fallback' class:list={[listClass, 'animate-pulse w-full h-14 bg-gray/90']}></div>
</GetLuckyAlbum>
<a href='/holy12' class={listClass}>{m.randomPull()}</a>
<div class='px-6 flex flex-col gap-y-3'>
<SidebarSection class='flex flex-col gap-y-3'>