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

quick update

Browse source
This commit is contained in:
felipe 2025-03-31 12:51:39 -03:00
parent 491d72bd3c
commit e06b38d61d
2 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Sidebar.astro
View file

@ -24,7 +24,7 @@ const listClass =
<div slot='fallback' class:list={[listClass, 'animate-pulse w-full h-14 bg-gray/90']}></div> <div slot='fallback' class:list={[listClass, 'animate-pulse w-full h-14 bg-gray/90']}></div>
</GetLuckyAlbum> </GetLuckyAlbum>
<a href='/holy12' class={listClass}>{m.randomPull()}</a> <a href='/holy12' class={listClass}>{m.randomPull()}</a>
<div class='px-6 flex flex-col gap-y-3'> <div class='px-6 h-full flex flex-col gap-y-3'>
<SidebarSection class='flex flex-col gap-y-3'> <SidebarSection class='flex flex-col gap-y-3'>
<div class='flex gap-x-2 justify-center'> <div class='flex gap-x-2 justify-center'>
<a href='https://www.youtube.com/channel/UCb1Q0GuOa8p_7fY-pYnWCmQ' target='_blank' rel='noopener noreferrer'> <a href='https://www.youtube.com/channel/UCb1Q0GuOa8p_7fY-pYnWCmQ' target='_blank' rel='noopener noreferrer'>

14
src/pages/album/[id].astro
View file

@ -68,25 +68,25 @@ const { currentLocale } = Astro
<div class='bg-dark/75 w-full min-h-100vh'> <div class='bg-dark/75 w-full min-h-100vh'>
<div class='flex flex-col flex-1 max-w-[1440px] mx-auto p-3'> <div class='flex flex-col flex-1 max-w-[1440px] mx-auto p-3'>
<div class='flex flex-wrap md:flex-nowrap gap-x-3'> <div class='flex flex-wrap md:flex-nowrap gap-x-3'>
<div class='flex-1 md:flex-5/12'> <div class='flex-1 flex-wrap md:flex-5/12'>
<div class='size-full relative cursor-pointer'> <div class='size-full relative cursor-pointer'>
<Image <Image
src={`https://cdn.sittingonclouds.net/album/${album?.id}.png`} src={`https://cdn.sittingonclouds.net/album/${album?.id}.png`}
alt={`${album?.title} cover`} alt={`${album?.title} cover`}
class='rounded-sm size-full object-contain h-fit min-h-96 px-10' class='rounded-sm size-full object-contain h-fit mb-2 md:min-h-96 px-10'
quality='mid' quality='mid'
width={500} width={500}
height={500} height={500}
/> />
</div> </div>
</div> </div>
<div class='flex-1 md:flex-7/12'> <div class='flex-1 flex-wrap md:flex-7/12'>
<div class='bg-dark/85 rounded-xl py-4 px-6'> <div class='bg-dark/85 rounded-xl py-4 px-6'>
<div class='font-medium text-4xl text-center'>{album?.title}</div> <div class='font-medium text-4xl text-center'>{album?.title}</div>
<div class='text-center'> <div class='text-center'>
{album?.subTitle ? <h6 style={{ whiteSpace: 'pre-wrap ' }}>{album?.subTitle}</h6> : null} {album?.subTitle ? <h6 style={{ whiteSpace: 'pre-wrap ' }}>{album?.subTitle}</h6> : null}
</div> </div>
<table class='mt-4'> <table class='mt-4 border-spacing-y-4 border-separate w-full'>
<tbody> <tbody>
{ {
album?.releaseDate ? ( album?.releaseDate ? (
@ -227,7 +227,7 @@ const { currentLocale } = Astro
</div> </div>
</div> </div>
<div class='flex-1 bg-dark/85 rounded-xl p-3'> <div class='flex-1 bg-dark/85 rounded-xl p-3'>
{ <!-- {
album?.vgmdb && ( album?.vgmdb && (
<div class='mt-2 mb-3 ml-2 flex'> <div class='mt-2 mb-3 ml-2 flex'>
<span class='text-xl'>{m.checkVGMDB()}:</span> <span class='text-xl'>{m.checkVGMDB()}:</span>
@ -236,7 +236,7 @@ const { currentLocale } = Astro
</a> </a>
</div> </div>
) )
} } -->
{ {
(album?.stores.length ?? 0) > 0 && ( (album?.stores.length ?? 0) > 0 && (
<div class='row mt-2 px-3'> <div class='row mt-2 px-3'>
@ -355,7 +355,7 @@ const { currentLocale } = Astro
{m.relatedAlbums()} {m.relatedAlbums()}
</div> </div>
<div class='mt-2'> <div class='mt-2'>
<div class='grid grid-cols-4 gap-x-1.5 justify-items-center'> <div class='grid grid-cols-2 md:grid-cols-4 gap-x-1.5 justify-items-center'>
{ {
album?.relatedAlbums.map(({ relatedAlbum }) => ( album?.relatedAlbums.map(({ relatedAlbum }) => (
<AlbumBox <AlbumBox