Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-07-13 14:53:23 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

No margin-right on button icon if no text

Browse Source
This commit is contained in:
Kalle 2022-05-27 22:34:41 +03:00
parent 065c68e794
commit 6cd5225ceb
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/Button.tsx
View File

@ -47,7 +47,10 @@ export function Button(props: ButtonProps) {
type={type}
{...rest}
>
{icon && React.cloneElement(icon, { className: "button-icon" })}
{icon &&
React.cloneElement(icon, {
className: clsx("button-icon", { lonely: !children }),
})}
{loading && loadingText ? loadingText : children}
</button>
);

6
app/styles/global.css
View File

@ -186,11 +186,15 @@ a {
opacity: 0.6;
}
:is(button, .button) > .button-icon {
.button-icon {
width: 1.25rem;
margin-inline-end: var(--s-1-5);
}
.button-icon.lonely {
margin-inline-end: 0;
}
:is(button, .button).tiny > .button-icon {
width: 1rem;
margin-inline-end: var(--s-1);