Merge pull request #1650 from urbit/public-link-polish
fixing metadata and copy link design glitches
commit54b1726433319cf204c47b2c9b4661bc750bda62
authorGordon <gordon.cieplak@urbit.org>
dateTue 19 Jul 2022, 17:32 (4 years ago)
parentbd0348535a28cd
components/CopyLink.js+2−2
@@ -53,10 +53,10 @@ export default function CopyLink({ content, className }) {
5353
5454 return (
5555 <button
56− className={`bg-wall-600 p-4 rounded-xl button-lg text-white flex items-center justify-center space-x-4 ${className}`}
56+ className={`bg-wall-600 p-4 rounded-xl button-sm text-white flex items-center justify-center space-x-2 ${className}`}
5757 onClick={() => copy()}
5858 >
59− <h4 className="">{copyStatus === "copied" ? "Copied" : "Copy Link"}</h4>
59+ <p className="leading-5">{copyStatus === "copied" ? "Copied" : "Copy Link"}</p>
6060 {buttonIcon}
6161 </button>
6262 );
components/gateway/MetadataBlock.js+1−1
@@ -1,5 +1,5 @@
11const MetadataBlock = ({ title, content }) => (
2− <div className="flex flex-col basis-1/2 mb-4 md:mb-0 flex-1">
2+ <div className="flex flex-col basis-1/2 pr-2 sm:basis-1/4 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+1−1
@@ -1,7 +1,7 @@
11import Link from "next/link";
22
33const MetadataLink = ({ title, href, content }) => (
4− <div className="flex flex-col basis-1/2 min-w-0 flex-1">
4+ <div className="flex flex-col basis-1/2 sm:basis-1/4 pr-2 mb-4 min-w-0 flex-1">
55 <p className="font-bold text-wall-400">{title}</p>
66 <Link href={href}>
77 <div className="flex truncate">
pages/applications/[[...application]].js+1−1
@@ -90,7 +90,7 @@ const ApplicationPage = ({ data, markdown, params }) => {
9090 />
9191 )}
9292 <CopyLink
93− className="basis-1/2"
93+ className="basis-1/2 sm:basis-1/4"
9494 content={data.shortcode ? data.shortcode : data.title}
9595 />
9696 </div>
pages/groups/[[...group]].js+1−1
@@ -84,7 +84,7 @@ const GroupPage = ({ data, markdown, params }) => {
8484 content={group[0]}
8585 />
8686 <CopyLink
87− className="basis-1/2"
87+ className="basis-1/2 sm:basis-1/4"
8888 content={data.shortcode ? data.shortcode : data.title}
8989 />
9090 </div>