on master help sign in
ResourceCard, Image: wrapping fix
2f590d5Matilde Park
components/ResourceCard.js+1−1
@@ -3,7 +3,7 @@ import GatewayImage from "./gateway/Image";
3
3
4const ResourceCard = ({ type, shortcode, title, image }) => (
4const ResourceCard = ({ type, shortcode, title, image }) => (
5 <Link href={`/${type}s/${shortcode}`}>
5 <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">
7 <GatewayImage image={image} size={50} />
7 <GatewayImage image={image} size={50} />
8 <a className="font-semibold">{title}</a>
8 <a className="font-semibold">{title}</a>
9 </div>
9 </div>
components/gateway/Image.js+1−1
@@ -3,7 +3,7 @@ import Sigil from "../Sigil";
3const GatewayImage = ({
3const GatewayImage = ({
4 error = false,
4 error = false,
5 patp = false,
5 patp = false,
6− image = false,
6+ image = "",
7 size = 100,
7 size = 100,
8}) => {
8}) => {
9 if (error) {
9 if (error) {
pages/ids/[id].js+1−1
@@ -163,7 +163,7 @@ const Creations = ({ id, title, data, type }) => {
163 data?.length > 0 && (
163 data?.length > 0 && (
164 <div className="flex space-y-2 flex-col">
164 <div className="flex space-y-2 flex-col">
165 <p className="text-wall-400 font-semibold">{title}</p>
165 <p className="text-wall-400 font-semibold">{title}</p>
166− <div className="flex flex-wrap space-x-4">
166+ <div className="flex flex-wrap">
167 {data.map((each) => (
167 {data.map((each) => (
168 <ResourceCard
168 <ResourceCard
169 type={type}
169 type={type}