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