Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-05-01 09:54:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

review: smaller changes

Browse Source 
- use correct button styles
 - move overrides to options
 - add flex-wrap: nowrap
This commit is contained in:
Timo K
2026-04-14 17:44:31 +02:00
parent f7e1fa74cd
commit ab751e8c38
8 changed files with 31 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/button/Button.tsx
View File

@@ -130,9 +130,24 @@ export const EndCallButton: FC<EndCallButtonProps> = ({
);
};
interface SettingsIconButtonProps extends ComponentPropsWithoutRef<"button"> {
kind?: "secondary" | "primary";
}
export const SettingsIconButton: FC<SettingsIconButtonProps> = (props) => {
const { t } = useTranslation();
const Icon =
platform === "android" ? OverflowVerticalIcon : OverflowHorizontalIcon;
return (
<Tooltip label={t("common.settings")}>
<IconButton {...props}>
<Icon />
</IconButton>
</Tooltip>
);
};
interface SettingsButtonProps extends ComponentPropsWithoutRef<"button"> {
size?: "sm" | "lg";
forAppBar?: boolean;
}
export const SettingsButton: FC<SettingsButtonProps> = (props) => {
const { t } = useTranslation();
@@ -140,14 +155,7 @@ export const SettingsButton: FC<SettingsButtonProps> = (props) => {
platform === "android" ? OverflowVerticalIcon : OverflowHorizontalIcon;
return (
<Tooltip label={t("common.settings")}>
{!props.forAppBar && (
<CpdButton iconOnly Icon={Icon} kind="tertiary" {...props} />
)}
{props.forAppBar && (
<IconButton {...props}>
<Icon />
</IconButton>
)}
<CpdButton iconOnly Icon={Icon} kind="secondary" {...props} />
</Tooltip>
);
};