Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-07-18 16:43:56 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix log out button icon size

Browse Source
This commit is contained in:
Kalle 2025-10-26 15:27:55 +02:00
parent 2e6acc90f5
commit b558f1b76f
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/elements/Button.module.css
View File

@ -114,13 +114,13 @@
margin-inline-end: 0 !important;
}
.small > .buttonIcon {
.buttonIconSmall {
min-width: 1rem;
max-width: 1rem;
margin-inline-end: var(--s-1);
}
.miniscule > .buttonIcon {
.buttonIconMiniscule {
min-width: 0.857rem;
max-width: 0.857rem;
margin-inline-end: var(--s-1);

9
app/components/elements/Button.tsx
View File

@ -42,7 +42,7 @@ export function SendouButton({
>
{icon &&
React.cloneElement(icon, {
className: iconClassName(icon.props.className, children),
className: iconClassName(icon.props.className, children, size),
})}
{children}
</ReactAriaButton>
@ -88,7 +88,7 @@ export function LinkButton({
>
{icon &&
React.cloneElement(icon, {
className: iconClassName(icon.props.className, children),
className: iconClassName(icon.props.className, children, size),
})}
{children}
</a>
@ -105,7 +105,7 @@ export function LinkButton({
>
{icon &&
React.cloneElement(icon, {
className: iconClassName(icon.props.className, children),
className: iconClassName(icon.props.className, children, size),
})}
{children}
</Link>
@ -155,8 +155,11 @@ function buttonClassName({
function iconClassName(
baseClassName: string | undefined,
children: React.ReactNode,
size: SendouButtonProps["size"],
) {
return clsx(baseClassName, styles.buttonIcon, {
[styles.lonely]: !children,
[styles.buttonIconSmall]: size === "small",
[styles.buttonIconMiniscule]: size === "miniscule",
});
}