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

Minor style fixes

Browse Source
This commit is contained in:
kvakazyambra 2022-11-23 23:47:06 +03:00
parent c4ecec9c06
commit abb2075069
6 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Author/Card.module.scss
View File

@ -166,6 +166,7 @@
}
.icon {
display: inline-block;
margin-right: 0.5em;
}
@ -206,6 +207,7 @@
background-color: #000;
border-color: #000;
border-radius: 0.8rem;
color: #fff;
float: none;
padding-bottom: 0.6rem;
padding-top: 0.6rem;

6
src/components/Author/Card.tsx
View File

@ -120,9 +120,9 @@ export const AuthorCard = (props: AuthorCardProps) => {
<button
class={styles.button}
classList={{
[styles.buttonSubscribe]: props.liteButtons && !props.isAuthorsList,
'button--subscribe': props.liteButtons && !props.isAuthorsList,
'button--subscribe-topic': props.liteButtons && props.isAuthorsList,
[styles.buttonSubscribe]: !props.isAuthorsList,
'button--subscribe': !props.isAuthorsList,
'button--subscribe-topic': props.isAuthorsList,
[styles.buttonWrite]: props.liteButtons && props.isAuthorsList
}}
>

4
src/components/Author/Full.scss
View File

@ -1,11 +1,13 @@
.user-details {
margin-bottom: 4.4rem;
margin-bottom: 5.4rem;
}
.author-page {
.view-switcher {
@include font-size(1.5rem);
margin-top: 0;
button {
font-size: 100%;
}

2
src/components/Pages/LayoutShoutsPage.tsx
View File

@ -70,7 +70,7 @@ export const LayoutShoutsPage = (props: PageProps) => {
onCleanup(() => resetSortedArticles())
const ModeSwitcher = () => (
<div class="container">
<div class="wide-container">
<div class={clsx(styles.groupControls, 'row group__controls')}>
<div class="col-md-8">
<ul class="view-switcher">

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

@ -100,8 +100,6 @@ export const AuthorView = (props: AuthorProps) => {
<span class="mode-switcher__control">{t('All posts')}</span>
</div>
</div>
<h3 class="col-12">{title()}</h3>
</div>
</div>

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

@ -76,7 +76,7 @@ export const TopicView = (props: TopicProps) => {
<div class={styles.topicPage}>
<Show when={topic()}>
<FullTopic topic={topic()} />
<div class="container">
<div class="wide-container">
<div class={clsx(styles.groupControls, 'row group__controls')}>
<div class="col-md-8">
<ul class="view-switcher">