data.link && window.open(data.link, "_blank")}
>
{
style={{
width: `${props.data.width}%`,
height: props.height,
+ cursor: "pointer",
}}
className={`home-static__list--item d-flex ${
window.lang === "en" ? "flex-row-reverse" : ""
}`}
+ onClick={() =>
+ props.data.link && window.open(props.data.link, "_blank")
+ }
>
{props.data.topText}
@@ -98,9 +103,13 @@ const Item = (props) => {
) : (
+ props.data.link && window.open(props.data.link, "_blank")
+ }
style={{
width: `${props.data.width}%`,
height: props.height,
+ cursor: "pointer",
}}
className={`home-static__list2--item ${
window.lang === "en" ? "d-flex" : ""
diff --git a/src/views/Home/HomeStatic/index.scss b/src/views/Home/HomeStatic/index.scss
index 17cd467..4371063 100644
--- a/src/views/Home/HomeStatic/index.scss
+++ b/src/views/Home/HomeStatic/index.scss
@@ -6,7 +6,7 @@
justify-content: space-between;
width: 100%;
&--item {
- box-shadow: 0px 0px 5px rgb(200, 200, 200);
+ // box-shadow: 0px 0px 5px rgb(200, 200, 200);
font-family: numeralMedium;
align-items: center;
border-radius: 10px;
@@ -19,9 +19,12 @@
}
}
img {
- margin-right: 20px;
+ // margin-right: 20px;
border-radius: 10px;
- height: 70px;
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
+ // height: 70px;
}
}
}
@@ -30,12 +33,12 @@
// width: 50%;
&--item {
// box-shadow: 0px 0px 5px rgb(200, 200, 200);
- border: 1px solid #eee;
+ // border: 1px solid #eee;
font-family: numeralMedium;
align-items: center;
border-radius: 10px;
margin: 5px;
- padding: 15px 10px;
+ // padding: 15px 10px;
justify-content: space-around;
text-align: center;
div {
@@ -47,10 +50,13 @@
}
}
img {
- padding-top: 5px;
+ // padding-top: 5px;
margin: auto;
// border-radius: 10px;
- height: 35px;
+ // height: 35px;
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
}
}
}