ResourceCard, Image: wrapping fix
commit2f590d5f104ab1d7cc9f527484b2e10af3b1e337
authorMatilde Park <matilde.park@urbit.org>
dateWed 27 Apr 2022, 22:00 (4 years ago)
parentcf85ac5
components/ResourceCard.js+1−1
@@ -3,7 +3,7 @@ import GatewayImage from "./gateway/Image";
33
44const ResourceCard = ({ type, shortcode, title, image }) => (
55 <Link href={`/${type}s/${shortcode}`}>
6− <div className="cursor-pointer rounded-xl bg-wall-100 p-4 flex items-center space-x-4">
6+ <div className="cursor-pointer rounded-xl bg-wall-100 p-4 flex items-center space-x-4 mr-2 my-1">
77 <GatewayImage image={image} size={50} />
88 <a className="font-semibold">{title}</a>
99 </div>
components/gateway/Image.js+1−1
@@ -3,7 +3,7 @@ import Sigil from "../Sigil";
33const GatewayImage = ({
44 error = false,
55 patp = false,
6− image = false,
6+ image = "",
77 size = 100,
88}) => {
99 if (error) {
pages/ids/[id].js+1−1
@@ -163,7 +163,7 @@ const Creations = ({ id, title, data, type }) => {
163163 data?.length > 0 && (
164164 <div className="flex space-y-2 flex-col">
165165 <p className="text-wall-400 font-semibold">{title}</p>
166− <div className="flex flex-wrap space-x-4">
166+ <div className="flex flex-wrap">
167167 {data.map((each) => (
168168 <ResourceCard
169169 type={type}