on master help sign in
components, pages: MetadataBlocks always take basis-1/2
487b446Matilde Park
components/gateway/MetadataBlock.js+1−1
@@ -1,5 +1,5 @@
1const MetadataBlock = ({ title, content }) => (
1const 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">
3 <p className="font-bold text-wall-400">{title}</p>
3 <p className="font-bold text-wall-400">{title}</p>
4 <p className="font-mono">{content}</p>
4 <p className="font-mono">{content}</p>
5 </div>
5 </div>
components/gateway/MetadataLink.js+4−2
@@ -1,10 +1,12 @@
1import Link from "next/link";
1import Link from "next/link";
2
2
3const MetadataLink = ({ title, href, content }) => (
3const 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">
5 <p className="font-bold text-wall-400">{title}</p>
5 <p className="font-bold text-wall-400">{title}</p>
6 <Link href={href}>
6 <Link href={href}>
7+ <div className="flex truncate">
7− <a className="type-ui font-mono text-green-400">{content}</a>
8+ <a className="type-ui truncate font-mono text-green-400">{content}</a>
9+ </div>
8 </Link>
10 </Link>
9 </div>
11 </div>
10);
12);
pages/applications/[[...application]].js+1−1
@@ -87,7 +87,7 @@ const ApplicationPage = ({ data, markdown, params }) => {
87 />
87 />
88 )}
88 )}
89 <CopyLink
89 <CopyLink
90− className="basis-1/2 md:basis-auto"
90+ className="basis-1/2"
91 content={data.shortcode ? data.shortcode : data.title}
91 content={data.shortcode ? data.shortcode : data.title}
92 />
92 />
93 </div>
93 </div>
pages/groups/[[...group]].js+1−1
@@ -74,7 +74,7 @@ const GroupPage = ({ data, markdown, params }) => {
74 content={group[0]}
74 content={group[0]}
75 />
75 />
76 <CopyLink
76 <CopyLink
77− className="basis-1/2 md:basis-auto"
77+ className="basis-1/2"
78 content={data.shortcode ? data.shortcode : data.title}
78 content={data.shortcode ? data.shortcode : data.title}
79 />
79 />
80 </div>
80 </div>