lumither/nocturne
1
0 Fork 0
mirror of https://github.com/Lumither/nocturne.git synced 2026-10-17 10:26:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(friends) style update

Browse Source
This commit is contained in:
lumither committed 2024-08-17 03:14:53 +08:00
1 parent ffc29d8bc5
commit 2ca7e8bc14
1 file changed
+13 -5
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/friends/page.tsx
+13 -5
View File
@@ -6,8 +6,7 @@ import Link from 'next/link';
export default async function Friends() { export default async function Friends() {
let list = await fetchJson('https://raw.githubusercontent.com/Lumither/friends/master/friends.json'); const list = await fetchJson('https://raw.githubusercontent.com/Lumither/friends/master/friends.json');
const listLength = list.length; const listLength = list.length;
const listMaxIdx = listLength - 1; const listMaxIdx = listLength - 1;
const listIsOdd = listLength % 2 !== 0; const listIsOdd = listLength % 2 !== 0;
@@ -36,9 +35,9 @@ export default async function Friends() {
shadow={ 'none' } shadow={ 'none' }
as={ Link } as={ Link }
href={ friend['url'] } href={ friend['url'] }
className={ 'dark:bg-[#282830]' } className={ 'dark:bg-[#282830] w-full md:w-fit max-w-full shadow' }
> >
<CardBody className={ 'pb-0' }> <CardBody className={ 'overflow-visible pb-0.5' }>
<div className={ 'flex flex-row' }> <div className={ 'flex flex-row' }>
<div className={ 'flex p-2' }> <div className={ 'flex p-2' }>
<div <div
@@ -68,7 +67,16 @@ export default async function Friends() {
</div> </div>
</div> </div>
</CardBody> </CardBody>
<div className={ 'h-1 bg-blue-800 dark:bg-blue-300' } /> <div className={ 'h-2 relative w-full' }>
<Image
alt="theme bar"
draggable={ false }
className="object-cover object-center scale-110 blur-lg"
fill
unoptimized
src={ friend['avatar'] }
/>
</div>
</Card> </Card>
</li> </li>
)) ))