components, pages: MetadataBlocks always take basis-1/2
commit487b446ecd927fae9a9497d1ed40e4211fad55af
authorMatilde Park <matilde.park@urbit.org>
dateFri 29 Apr 2022, 14:59 (4 years ago)
parent6783223
components/gateway/MetadataBlock.js+1−1
@@ -1,5 +1,5 @@
11const MetadataBlock = ({ title, content }) => (
2− <div className="flex flex-col basis-1/2 md:basis-auto mb-4 md:mb-0">
2+ <div className="flex flex-col basis-1/2 mb-4 md:mb-0 flex-1">
33 <p className="font-bold text-wall-400">{title}</p>
44 <p className="font-mono">{content}</p>
55 </div>
components/gateway/MetadataLink.js+4−2
@@ -1,10 +1,12 @@
11import Link from "next/link";
22
33const MetadataLink = ({ title, href, content }) => (
4− <div className="flex flex-col basis-1/2 md:basis-auto">
4+ <div className="flex flex-col basis-1/2 min-w-0 flex-1">
55 <p className="font-bold text-wall-400">{title}</p>
66 <Link href={href}>
7− <a className="type-ui font-mono text-green-400">{content}</a>
7+ <div className="flex truncate">
8+ <a className="type-ui truncate font-mono text-green-400">{content}</a>
9+ </div>
810 </Link>
911 </div>
1012);
pages/applications/[[...application]].js+1−1
@@ -87,7 +87,7 @@ const ApplicationPage = ({ data, markdown, params }) => {
8787 />
8888 )}
8989 <CopyLink
90− className="basis-1/2 md:basis-auto"
90+ className="basis-1/2"
9191 content={data.shortcode ? data.shortcode : data.title}
9292 />
9393 </div>
pages/groups/[[...group]].js+1−1
@@ -74,7 +74,7 @@ const GroupPage = ({ data, markdown, params }) => {
7474 content={group[0]}
7575 />
7676 <CopyLink
77− className="basis-1/2 md:basis-auto"
77+ className="basis-1/2"
7878 content={data.shortcode ? data.shortcode : data.title}
7979 />
8080 </div>