fix(style): Make `.small` work correctly on `button`

This commit is contained in:
haitaoo 2023-06-05 18:18:19 +08:00
parent bb437cfff8
commit 27432c6ee2
3 changed files with 10 additions and 5 deletions

View File

@ -306,7 +306,8 @@ const Comment = ({ objectId, mode, commentId }) => {
<div className="mt-2">
<Button
variant="link"
className="p-0 small btn-no-border"
className="p-0 btn-no-border"
size="sm"
onClick={() => {
if (tryNormalLogged(true)) {
setVisibleComment(!visibleComment);
@ -317,7 +318,8 @@ const Comment = ({ objectId, mode, commentId }) => {
{data && (pageIndex || 1) < Math.ceil((data?.count || 0) / pageSize) && (
<Button
variant="link"
className="p-0 small ms-3 btn-no-border"
size="sm"
className="p-0 ms-3 btn-no-border"
onClick={() => {
setPageIndex(pageIndex + 1);
}}>

View File

@ -263,7 +263,8 @@ const Index: FC<IProps> = ({
<Button
key={item.action}
variant="link"
className="link-secondary p-0 small ms-3"
size="sm"
className="link-secondary p-0 ms-3"
onClick={() => handleAction(item.action)}>
{item.name}
</Button>
@ -273,7 +274,8 @@ const Index: FC<IProps> = ({
<Dropdown className="ms-3">
<Dropdown.Toggle
variant="link"
className="link-secondary p-0 small no-toggle">
size="sm"
className="link-secondary p-0 no-toggle">
{t('action', { keyPrefix: 'question_detail' })}
</Dropdown.Toggle>
<Dropdown.Menu>

View File

@ -162,8 +162,9 @@ const TagIntroduction = () => {
<Button
key={action.name}
variant="link"
size="sm"
className={classNames(
'link-secondary btn-no-border p-0 small',
'link-secondary btn-no-border p-0',
index > 0 && 'ms-3',
)}
onClick={() => onAction(action)}>