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 large logo problem

Browse Source
This commit is contained in:
checktheroads
2020-03-23 09:44:20 -07:00
parent 166603b5c4
commit e5d13d0254
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -68,6 +68,12 @@ const All = ({ text, logo, mediaSize, showSubtitle }) => (
); );
const modeMap = { text_only: TextOnly, logo_only: Logo, logo_title: LogoTitle, all: All }; const modeMap = { text_only: TextOnly, logo_only: Logo, logo_title: LogoTitle, all: All };
const widthMap = {
text_only: "100%",
logo_only: ["90%", "90%", "25%", "25%"],
logo_title: ["90%", "90%", "25%", "25%"],
all: ["90%", "90%", "25%", "25%"]
};
const btnJustify = { const btnJustify = {
true: ["flex-end", "center"], true: ["flex-end", "center"],
@@ -88,7 +94,7 @@ export default React.forwardRef(({ onClick, isSubmitting, ...props }, ref) => {
_hover={{ textDecoration: "none" }} _hover={{ textDecoration: "none" }}
justifyContent={btnJustify[isSubmitting]} justifyContent={btnJustify[isSubmitting]}
px={0} px={0}
maxW="100%" maxW={widthMap[titleMode]}
{...props} {...props}
> >
<MatchedMode <MatchedMode