git.iko.soy/urbit.org
on master help sign in
GatewayImage: fix rounding of images
7b452a6Matilde Park
components/gateway/Image.js+6−7
compare with master
unifiedsplit
@@ -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− color = "black",
6+ color = "transparent",
7 image = "",
7 image = "",
8 size = 100,
8 size = 100,
9}) => {
9}) => {
@@ -45,12 +45,11 @@ const GatewayImage = ({
45 }
45 }
46
46
47 return image ? (
47 return image ? (
48+ <div
49+ className="rounded-xl overflow-hidden"
48− <div className="rounded-xl" style={{ backgroundColor: color }}>
50+ style={{ backgroundColor: color }}
49− <img
51+ >
50− className="rounded-xl"
51− src={image}
52− style={{ height: size, width: size }}
52+ <img src={image} style={{ height: size, width: size }} />
53− />
54 </div>
53 </div>
55 ) : (
54 ) : (
56 <img
55 <img