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

small styling improvement

This commit is contained in:
Daniel 2023-07-18 11:34:43 -04:00
parent 78f3d449bc
commit b37d695091
1 changed files with 54 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
pages/dashboard.tsx
View File

@ -107,14 +107,18 @@ export default function Dashboard() {
<p className="font-bold text-6xl bg-gradient-to-tr from-sky-500 to-slate-400 bg-clip-text text-transparent"> <p className="font-bold text-6xl bg-gradient-to-tr from-sky-500 to-slate-400 bg-clip-text text-transparent">
{collections.length} {collections.length}
</p> </p>
<p className="text-sky-900 text-xl">Collections</p> <p className="text-sky-900 text-xl">
{collections.length === 1 ? "Collection" : "Collections"}
</p>
</div> </div>
<div className="flex items-baseline gap-2"> <div className="flex items-baseline gap-2">
<p className="font-bold text-6xl bg-gradient-to-tr from-sky-500 to-slate-400 bg-clip-text text-transparent"> <p className="font-bold text-6xl bg-gradient-to-tr from-sky-500 to-slate-400 bg-clip-text text-transparent">
{tags.length} {tags.length}
</p> </p>
<p className="text-sky-900 text-xl">Tags</p> <p className="text-sky-900 text-xl">
{tags.length === 1 ? "Tag" : "Tags"}
</p>
</div> </div>
</div> </div>
@ -122,6 +126,7 @@ export default function Dashboard() {
<br /> <br />
<div className="flex flex-col 2xl:flex-row items-start justify-evenly 2xl:gap-2"> <div className="flex flex-col 2xl:flex-row items-start justify-evenly 2xl:gap-2">
{links.some((e) => e.pinnedBy && e.pinnedBy[0]) ? (
<Disclosure defaultOpen={linkPinDisclosure}> <Disclosure defaultOpen={linkPinDisclosure}>
<div className="flex flex-col gap-5 p-2 w-full mx-auto md:w-2/3"> <div className="flex flex-col gap-5 p-2 w-full mx-auto md:w-2/3">
<Disclosure.Button <Disclosure.Button
@ -161,6 +166,17 @@ export default function Dashboard() {
</Transition> </Transition>
</div> </div>
</Disclosure> </Disclosure>
) : (
<div className="border border-solid border-sky-100 w-full mx-auto md:w-2/3 p-10 rounded-md">
<p className="text-center text-2xl text-sky-500">
No Pinned Links
</p>
<p className="text-center text-sky-900 text-sm">
You can Pin Links by clicking on the three dots on each Link and
clicking "Pin to Dashboard."
</p>
</div>
)}
{/* <Disclosure defaultOpen={collectionPinDisclosure}> {/* <Disclosure defaultOpen={collectionPinDisclosure}>
<div className="flex flex-col gap-5 p-2 w-full"> <div className="flex flex-col gap-5 p-2 w-full">