Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sash/update home page #26

Merged
merged 24 commits into from Jul 22, 2019
Merged

Sash/update home page #26

merged 24 commits into from Jul 22, 2019

Conversation

sash-257defi
Copy link
Contributor

@sash-257defi sash-257defi commented Jul 14, 2019

Add:

  • Home hero
  • Sections
  • Images
  • Tabs
  • Carousel

Update:

  • global-style.js / update devices, add box sizing
  • payment methods / add bitcoin

@@ -11,6 +11,13 @@ export const Text = styled.p`

/* prettier-ignore */
color: var(--color-${props => props.color || 'black'});
font-size: ${props => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we can remove these, since we can use header component instead

@@ -8,6 +8,13 @@ const size = {
desktop: '1980px',
}

const breakpoint = {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

size and breakpoint is the same thing actually, if you want to add more breakpoints, you can add it inside size

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I know, just wanted to check if we can simplify this and added that as example.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ya, I think its good as well to simplify it. @OskarAhl

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sash-binary can you simplify it in your PR?, remove sizes, and we can use breakpoints instead

* {
max-width: 100%;
}
.card-title {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

may I know why are we using className here?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah please use props / check out how to nest styled components (instead of classNames)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this was error, cleaned up

<Hero />
<DtraderSection>
<SectionHeader>
<h2><Logo /> {localize('DTrader')}</h2>
Copy link
Contributor

@cakasuma cakasuma Jul 16, 2019

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

<Header /> ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

coming next

Copy link
Contributor

@cakasuma cakasuma left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you please add description in the PR, so we will know what are the changes 🙏

@oskar-binary oskar-binary merged commit 0c8bf7f into binary-com:dev Jul 22, 2019
@sash-257defi sash-257defi deleted the sash/home branch July 22, 2019 06:39
konstantinosG-deriv pushed a commit to konstantinosG-deriv/deriv-com that referenced this pull request Dec 5, 2022
…ible-ts-errors

Niloofar / Bug - Fix Typescript errors in responsible
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
4 participants