discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed group block style

Browse Source
This commit is contained in:
kvakazyambra 2023-11-21 01:12:43 +03:00
parent 11cd9641e0
commit a3afe6ca15
3 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Feed/ArticleCard/ArticleCard.module.scss
View File

@ -48,6 +48,12 @@
max-width: 2em;
vertical-align: text-bottom;
}
:global(.floor--group) &:not(:last-child) {
border-bottom: 1px solid;
margin-bottom: 2.6rem;
padding-bottom: 1.4rem;
}
}
.shoutCardWithBorder {
@ -62,6 +68,10 @@
}
.shoutCardTitlesContainer {
.shoutCardCompact & {
margin-bottom: 0.3em;
}
&.shoutCardTitlesContainerFeedMode {
margin-bottom: 1.4rem;
}

3
src/components/Feed/Group.scss
View File

@ -35,6 +35,9 @@
}
.floor--group {
background: #e8e5f0;
padding: 4rem 0 3rem;
@include media-breakpoint-down(sm) {
.col-lg-12 {
.row {

5
src/components/Feed/Group.tsx
View File

@ -14,7 +14,7 @@ interface GroupProps {
export default (props: GroupProps) => {
if (!props.articles) props.articles = []
return (
<div class="floor floor--important floor--group">
<div class="floor floor--group">
<Show when={props.articles.length > 4}>
<div class="wide-container">
<div class="row">
@ -26,7 +26,6 @@ export default (props: GroupProps) => {
settings={{
nosubtitle: false,
noicon: true,
isFloorImportant: true,
isBigTitle: true,
nodate: true,
}}
@ -62,7 +61,6 @@ export default (props: GroupProps) => {
noimage: true,
isBigTitle: true,
isCompact: true,
isFloorImportant: true,
nodate: true,
}}
desktopCoverSize="XS"
@ -80,7 +78,6 @@ export default (props: GroupProps) => {
noimage: true,
isBigTitle: true,
isCompact: true,
isFloorImportant: true,
nodate: true,
}}
desktopCoverSize="XS"