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

Fixed top articles block style

Browse Source
This commit is contained in:
kvakazyambra 2023-06-06 00:56:36 +03:00
parent 529759fbe2
commit a8a50eafa1
3 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -624,13 +624,19 @@
.shoutCardTitle, .shoutCardTitle,
.shoutCardSubtitle { .shoutCardSubtitle {
display: inline; display: inline;
@include font-size(1.4rem); @include font-size(1.8rem);
} }
.shoutCardTitle { .shoutCardTitle {
padding-right: 0.25em; padding-right: 0.25em;
} }
.shoutCardTitlesContainer {
a {
padding: 0.3em 0;
}
}
a:hover { a:hover {
.shoutCardLinkContainer { .shoutCardLinkContainer {
color: #fff; color: #fff;
@ -701,3 +707,7 @@
flex: 1; flex: 1;
} }
} }
.shoutTopicTop {
margin-bottom: 0.4rem !important;
}

2
src/components/Feed/ArticleCard.tsx
View File

@ -129,7 +129,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
} }
slug={mainTopic.slug} slug={mainTopic.slug}
isFloorImportant={props.settings?.isFloorImportant} isFloorImportant={props.settings?.isFloorImportant}
class={styles.shoutTopic} class={clsx(styles.shoutTopic, { [styles.shoutTopicTop]: props.settings.isShort })}
/> />
</Show> </Show>

14
src/components/Feed/Beside.module.scss
View File

@ -17,8 +17,10 @@
&.top { &.top {
border-bottom: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;
display: flex; display: flex;
margin-bottom: 1.6rem; justify-content: space-between;
padding-bottom: 1.6rem; line-height: 1;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
&:last-child { &:last-child {
border: none; border: none;
@ -30,16 +32,16 @@
} }
} }
&::before { &::after {
content: counter(item, upper-roman); content: counter(item, upper-roman);
counter-increment: item; counter-increment: item;
flex: 0 1.4em;
font-size: 1.4em; font-size: 1.4em;
font-weight: 900; font-weight: 900;
line-height: 1; line-height: 1;
padding-right: 0.3em; min-width: 1.4em;
min-width: 2em; padding-left: 0.3em;
text-align: center; text-align: center;
width: 2em;
} }
} }
} }