xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

improved UI

This commit is contained in:
daniel31x13 2023-12-05 04:12:48 -05:00
parent 1f20180a51
commit a3106e072b
4 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/LinkCard.tsx
View File

@ -218,7 +218,7 @@ export default function LinkCard({ link, count, className }: Props) {
width={64} width={64}
height={64} height={64}
alt="" alt=""
className={`absolute w-12 duration-100 bg-white shadow rounded-md p-1 bottom-5 right-5 select-none z-10`} className={`absolute w-12 bg-white shadow rounded-md p-1 bottom-5 right-5 select-none z-10`}
draggable="false" draggable="false"
onError={(e) => { onError={(e) => {
const target = e.target as HTMLElement; const target = e.target as HTMLElement;
@ -250,7 +250,7 @@ export default function LinkCard({ link, count, className }: Props) {
<p className="truncate capitalize w-full">{collection?.name}</p> <p className="truncate capitalize w-full">{collection?.name}</p>
</Link> </Link>
{/* {link.tags[0] ? ( {link.tags[0] ? (
<div className="flex gap-3 items-center flex-wrap my-2 truncate relative"> <div className="flex gap-3 items-center flex-wrap my-2 truncate relative">
<div className="flex gap-1 items-center flex-nowrap"> <div className="flex gap-1 items-center flex-nowrap">
{link.tags.map((e, i) => ( {link.tags.map((e, i) => (
@ -260,15 +260,17 @@ export default function LinkCard({ link, count, className }: Props) {
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
}} }}
className="btn btn-xs btn-outline truncate max-w-[19rem]" className="btn btn-xs btn-ghost truncate max-w-[19rem]"
> >
{e.name} #{e.name}
</Link> </Link>
))} ))}
</div> </div>
<div className="absolute w-1/2 top-0 bottom-0 right-0 bg-gradient-to-r from-transparent to-base-200 to-35%"></div> <div className="absolute w-1/2 top-0 bottom-0 right-0 bg-gradient-to-r from-transparent to-base-200 to-35%"></div>
</div> </div>
) : undefined} */} ) : (
<p className="text-xs my-2 p-1 font-semibold italic">No Tags</p>
)}
<Link <Link
href={link.url || ""} href={link.url || ""}

4
components/PublicPage/PublicLinkCard.tsx
View File

@ -57,9 +57,9 @@ export default function LinkCard({ link, count }: Props) {
<Link <Link
href={"/public/collections/20?q=" + e.name} href={"/public/collections/20?q=" + e.name}
key={i} key={i}
className="btn btn-xs btn-outline truncate max-w-[19rem]" className="btn btn-xs btn-ghost truncate max-w-[19rem]"
> >
{e.name} #{e.name}
</Link> </Link>
))} ))}
</div> </div>

6
pages/links/[id].tsx
View File

@ -165,7 +165,7 @@ export default function Index() {
height={42} height={42}
alt="" alt=""
id={"favicon-" + link.id} id={"favicon-" + link.id}
className="select-none mt-2 w-10 rounded-md shadow border-[3px] border-base-100 bg-base-100 aspect-square" className="bg-white shadow rounded-md p-1 bottom-5 right-5 select-none"
draggable="false" draggable="false"
onLoad={(e) => { onLoad={(e) => {
try { try {
@ -239,9 +239,9 @@ export default function Index() {
<Link key={i} href={`/tags/${e.id}`} className="z-10"> <Link key={i} href={`/tags/${e.id}`} className="z-10">
<p <p
title={e.name} title={e.name}
className="btn btn-xs btn-outline truncate max-w-[19rem]" className="btn btn-xs btn-ghost truncate max-w-[19rem]"
> >
{e.name} #{e.name}
</p> </p>
</Link> </Link>
))} ))}

10
pages/public/links/[id].tsx
View File

@ -239,14 +239,10 @@ export default function Index() {
<Link <Link
key={i} key={i}
href={"/public/collections/20?q=" + e.name} href={"/public/collections/20?q=" + e.name}
className="z-10" title={e.name}
className="z-10 btn btn-xs btn-ghost truncate max-w-[19rem]"
> >
<p #{e.name}
title={e.name}
className="btn btn-xs btn-outline truncate max-w-[19rem]"
>
{e.name}
</p>
</Link> </Link>
))} ))}
</div> </div>