mirror/checktheroads-hyperglass
1
0
Fork 0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
Code Releases Activity

Fix mobile width issue when logo_subtitle is set

Browse Source
This commit is contained in:
checktheroads
2020-07-04 14:59:35 -07:00
parent d40be4277d
commit 47d77e3894
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
hyperglass/ui/components/Title.js
View File

@ -27,8 +27,15 @@ const TitleOnly = ({ text, showSubtitle }) => (
const SubtitleOnly = React.forwardRef(
({ text, mediaSize, size = "md", ...props }, ref) => (
<Heading ref={ref} as="h3" size={size} {...props}>
<Textfit mode="single" max={mediaSize === "sm" ? 13 : 25}>
<Heading
ref={ref}
as="h3"
size={size}
whiteSpace="break-spaces"
textAlign={["left", "left", "center", "center"]}
{...props}
>
<Textfit mode="multi" max={mediaSize === "sm" ? 13 : 25}>
{text}
</Textfit>
</Heading>
@ -113,6 +120,7 @@ const Title = React.forwardRef(({ onClick, isSubmitting, ...props }, ref) => {
const MatchedMode = modeMap[titleMode];
return (
<Button
w="100%"
ref={ref}
variant="link"
onClick={onClick}