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

Fixed style in the topics block on the feed page

Browse Source
This commit is contained in:
kvakazyambra 2023-06-12 23:11:25 +03:00
parent d2a72cc894
commit 017ea87f9f
4 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/locales/en/translation.json
View File

@ -246,6 +246,7 @@
"Top viewed": "Most viewed", "Top viewed": "Most viewed",
"Topic is supported by": "Topic is supported by", "Topic is supported by": "Topic is supported by",
"Topics": "Topics", "Topics": "Topics",
"Hot topics": "Hot topics",
"Topics which supported by author": "Topics which supported by author", "Topics which supported by author": "Topics which supported by author",
"Try to find another way": "Try to find another way", "Try to find another way": "Try to find another way",
"Unfollow": "Unfollow", "Unfollow": "Unfollow",

1
public/locales/ru/translation.json
View File

@ -259,6 +259,7 @@
"Top viewed": "Самое читаемое", "Top viewed": "Самое читаемое",
"Topic is supported by": "Тему поддерживают", "Topic is supported by": "Тему поддерживают",
"Topics": "Темы", "Topics": "Темы",
"Hot topics": "Горячие темы",
"Topics which supported by author": "Автор поддерживает темы", "Topics which supported by author": "Автор поддерживает темы",
"Try to find another way": "Попробуйте найти по-другому", "Try to find another way": "Попробуйте найти по-другому",
"Unfollow": "Отписаться", "Unfollow": "Отписаться",

8
src/components/Views/Feed.module.scss
View File

@ -53,12 +53,14 @@
.topic { .topic {
background: transparentize(#2638d9, 0.95); background: transparentize(#2638d9, 0.95);
display: inline-block; display: inline-block;
@include font-size(1.2rem);
font-weight: bold; font-weight: bold;
line-height: 1.2; line-height: 3.4rem;
margin: 0 0.5em 0.5em 0; margin: 0 0.6rem 0.6rem 0;
padding: 0.6em 1em; padding: 0 1.2rem;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
white-space: nowrap;
&:hover { &:hover {
background: #2638d9; background: #2638d9;

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

@ -177,7 +177,7 @@ export const FeedView = () => {
<Show when={topTopics().length > 0}> <Show when={topTopics().length > 0}>
<section class={styles.asideSection}> <section class={styles.asideSection}>
<h4>{t('Topics')}</h4> <h4>{t('Hot topics')}</h4>
<For each={topTopics().slice(0, 5)}> <For each={topTopics().slice(0, 5)}>
{(topic) => ( {(topic) => (
<span class={clsx(stylesTopic.shoutTopic, styles.topic)}> <span class={clsx(stylesTopic.shoutTopic, styles.topic)}>