This commit is contained in:
VividTruthKeeper 2023-02-24 18:16:38 +05:00
parent bca1e67aaf
commit aaf77f3847
6 changed files with 19 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

7
dist/index.html vendored
View File

@ -2,11 +2,10 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HHM</title>
<script type="module" crossorigin src="/assets/index-478fade3.js"></script>
<link rel="stylesheet" href="/assets/index-76e731cc.css">
<title>Türkmenistan Habarlar Portaly</title>
<script type="module" crossorigin src="/assets/index-9acf78a8.js"></script>
<link rel="stylesheet" href="/assets/index-15a35a57.css">
</head>
<body>
<div id="root"></div>

View File

@ -2,9 +2,8 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HHM</title>
<title>Türkmenistan Habarlar Portaly</title>
</head>
<body>
<div id="root"></div>

View File

@ -12,7 +12,13 @@ interface IProps {
const ContentItem = ({ type = "small", img, title, id }: IProps) => {
return (
<div className={`main-content-item main-content-item__${type}`}>
<LazyLoadImage src={img} alt="" effect="blur" useIntersectionObserver />
<LazyLoadImage
src={img}
alt=""
effect="blur"
useIntersectionObserver
style={{ background: `url(${img})` }}
/>
<Link to={`/news/${id}`} className="main-content-item-overlay">
<h2>{title}</h2>
</Link>

View File

@ -104,6 +104,12 @@
}
}
.main-content-item__big {
img {
object-fit: contain;
}
}
// Media
@media screen and (max-width: 1020px) {