Fixed article controls style

This commit is contained in:
kvakazyambra 2023-03-29 23:47:54 +03:00
parent 0a6271c57e
commit 55cf0e1ffd
3 changed files with 19 additions and 4 deletions

View File

@ -143,7 +143,6 @@ img {
} }
.shoutStatsItem { .shoutStatsItem {
cursor: pointer;
@include font-size(1.5rem); @include font-size(1.5rem);
font-weight: 500; font-weight: 500;
display: inline-block; display: inline-block;
@ -180,6 +179,7 @@ img {
} }
.shoutStatsItemInner { .shoutStatsItemInner {
cursor: pointer;
margin: -0.3em -0.3em 0; margin: -0.3em -0.3em 0;
padding: 0.3em; padding: 0.3em;
@ -315,6 +315,11 @@ img {
margin-top: 0; margin-top: 0;
} }
.commentsViewSwitcherButton {
padding-left: 0 !important;
padding-right: 0 !important;
}
.help { .help {
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
margin-bottom: 1.6rem; margin-bottom: 1.6rem;

View File

@ -126,6 +126,7 @@ export const CommentsTree = (props: Props) => {
onClick={() => { onClick={() => {
setCommentsOrder('newOnly') setCommentsOrder('newOnly')
}} }}
className={styles.commentsViewSwitcherButton}
/> />
</li> </li>
</Show> </Show>
@ -136,6 +137,7 @@ export const CommentsTree = (props: Props) => {
onClick={() => { onClick={() => {
setCommentsOrder('createdAt') setCommentsOrder('createdAt')
}} }}
className={styles.commentsViewSwitcherButton}
/> />
</li> </li>
<li classList={{ selected: commentsOrder() === 'rating' }}> <li classList={{ selected: commentsOrder() === 'rating' }}>
@ -145,6 +147,7 @@ export const CommentsTree = (props: Props) => {
onClick={() => { onClick={() => {
setCommentsOrder('rating') setCommentsOrder('rating')
}} }}
className={styles.commentsViewSwitcherButton}
/> />
</li> </li>
</ul> </ul>

View File

@ -10,6 +10,7 @@ type Props = {
loading?: boolean loading?: boolean
disabled?: boolean disabled?: boolean
onClick?: () => void onClick?: () => void
className?: string | ''
} }
export const Button = (props: Props) => { export const Button = (props: Props) => {
@ -18,9 +19,15 @@ export const Button = (props: Props) => {
onClick={props.onClick} onClick={props.onClick}
type={props.type ?? 'button'} type={props.type ?? 'button'}
disabled={props.loading || props.disabled} disabled={props.loading || props.disabled}
class={clsx(styles.button, styles[props.size ?? 'M'], styles[props.variant ?? 'primary'], { class={clsx(
[styles.loading]: props.loading styles.button,
})} styles[props.size ?? 'M'],
styles[props.variant ?? 'primary'],
{
[styles.loading]: props.loading
},
props.className
)}
> >
{props.value} {props.value}
</button> </button>