on master help sign in
GatewayImage: fix rounding of images
commit7b452a68da38a537486932588267490ea35dbf76 authorMatilde Park <matilde.park@urbit.org> dateSat 30 Apr 2022, 09:57 (4 years ago) parent18b7eb0
1 file changed+6−7
components/gateway/Image.js+6−7
components/gateway/Image.js+6−7
@@ -3,7 +3,7 @@ import Sigil from "../Sigil";
33const GatewayImage = ({
44 error = false,
55 patp = false,
6− color = "black",
6+ color = "transparent",
77 image = "",
88 size = 100,
99}) => {
@@ -45,12 +45,11 @@ const GatewayImage = ({
4545 }
4646
4747 return image ? (
48− <div className="rounded-xl" style={{ backgroundColor: color }}>
49− <img
50− className="rounded-xl"
51− src={image}
52− style={{ height: size, width: size }}
53− />
48+ <div
49+ className="rounded-xl overflow-hidden"
50+ style={{ backgroundColor: color }}
51+ >
52+ <img src={image} style={{ height: size, width: size }} />
5453 </div>
5554 ) : (
5655 <img