Aydogdy
/
hhm-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling

This commit is contained in:
VividTruthKeeper 2023-02-20 15:38:16 +05:00
parent 70a6b28cf8
commit 4b8a42f2a1
1 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/_news.scss
View File

@ -1,8 +1,8 @@
.news-wrapper { .news-wrapper {
display: grid; display: grid;
grid-template-columns: 32rem 1fr; grid-template-columns: 32rem 1fr;
grid-template-rows: 20rem;
gap: 1.6rem; gap: 1.6rem;
height: 18rem;
} }
.news-info { .news-info {
@ -42,10 +42,16 @@
.news-status-left { .news-status-left {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; gap: 1.6rem;
column-gap: 1.6rem; overflow: hidden;
row-gap: 0.8rem; width: 100%;
flex-wrap: wrap; p {
white-space: nowrap;
&:nth-child(n + 5) {
display: none;
}
}
} }
.news-link { .news-link {
@ -111,8 +117,12 @@
} }
.news-image { .news-image {
img { @include wh100;
min-height: 18rem;
img,
span {
@include wh100; @include wh100;
object-fit: cover;
} }
} }