diff --git a/frontend/src/pages/content-mobile/styles.ts b/frontend/src/pages/content-mobile/styles.ts index c226c2d87..2e1abf890 100644 --- a/frontend/src/pages/content-mobile/styles.ts +++ b/frontend/src/pages/content-mobile/styles.ts @@ -12,6 +12,7 @@ export const Title = styled(FormText)``; export const InfoContainer = styled.div` padding-left: 20px; + padding-right: 20px; padding-top: 4%; ${TitleText} { margin-top: ${margins.mini}; @@ -34,7 +35,8 @@ export const GeneralInfo = styled.div` export const KreadContainer = styled.div` display: flex; flex: 1; -justify-content: center; +justify-content: start; +padding-left: 30px; margin-top: 30px; ${KreadIcon} { width: 100px; diff --git a/frontend/src/pages/onboarding-mobile/onboarding-mobile.tsx b/frontend/src/pages/onboarding-mobile/onboarding-mobile.tsx index 6b2f83a6b..b1a1051c6 100644 --- a/frontend/src/pages/onboarding-mobile/onboarding-mobile.tsx +++ b/frontend/src/pages/onboarding-mobile/onboarding-mobile.tsx @@ -64,7 +64,7 @@ export const OnboardingMobile: FC = () => { localStorage.setItem(FIRST_TIME, "false"); setShowAnimation(false); }; - console.log(showSlider) + return ( {showAnimation ? ( diff --git a/frontend/src/pages/onboarding-mobile/styles.ts b/frontend/src/pages/onboarding-mobile/styles.ts index 0d36a95da..3878c2acc 100644 --- a/frontend/src/pages/onboarding-mobile/styles.ts +++ b/frontend/src/pages/onboarding-mobile/styles.ts @@ -3,7 +3,7 @@ import styled from "@emotion/styled"; import { ArrowUpRightIcon } from "../../assets"; import { changeSize, CharacterImgs, disappear, fadeIn, PrimaryButton, slideUp, TitleText } from "../../components"; import { KreadIcon } from "../../components/logo/styles"; -import { color, fontWeight } from "../../design"; +import { color, fontWeight, margins } from "../../design"; interface HeightProps { height: number; @@ -141,7 +141,8 @@ export const KreadLogo = styled(KreadIcon)` export const LogoContainer = styled.div` display: flex; flex: 1; - justify-content: center; + justify-content: start; + padding-left: 30px; margin-top: 30px; ${KreadLogo} { width: 100px;