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

add margin to LogoSubtitle component

Browse Source
This commit is contained in:
checktheroads
2020-04-13 10:25:10 -07:00
parent 1c9aee4608
commit 3a86174eeb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,7 +9,7 @@ const subtitleAnimation = {
transition: { duration: 0.2, type: "tween" },
initial: { opacity: 1, scale: 1 },
animate: { opacity: 1, scale: 1 },
exit: { opacity: 0, scale: 0.3 }
exit: { opacity: 0, scale: 0.3 },
};
const titleSize = { true: "2xl", false: "lg" };
const titleMargin = { true: 2, false: 0 };
@@ -60,7 +60,7 @@ const LogoSubtitle = ({ text, logo, showSubtitle, mediaSize }) => (
<Logo text={text} logo={logo} showSubtitle={showSubtitle} mediaSize={mediaSize} />
<AnimatePresence>
{showSubtitle && (
<AnimatedSubtitle mt={2} text={text.subtitle} {...subtitleAnimation} />
<AnimatedSubtitle mt={6} text={text.subtitle} {...subtitleAnimation} />
)}
</AnimatePresence>
</>
@@ -76,7 +76,7 @@ const All = ({ text, logo, mediaSize, showSubtitle }) => (
const modeMap = { text_only: TextOnly, logo_only: Logo, logo_subtitle: LogoSubtitle, all: All };
const justifyMap = {
true: ["flex-end", "center", "center", "center"],
false: ["flex-start", "center", "center", "center"]
false: ["flex-start", "center", "center", "center"],
};
export default React.forwardRef(({ onClick, isSubmitting, ...props }, ref) => {