Thanks to visit codestin.com
Credit goes to github.com

Skip to content
This repository was archived by the owner on May 20, 2025. It is now read-only.

Commit 748ca43

Browse files
konstantinosG-derivKonstantinos-Gk
konstantinosG-deriv
and
Konstantinos-Gk
authored
Konstantinos / Final Rebranding fixes (#4290)
* fix: minor final fixes * fix: minor svg issues * fix: smarttrader --------- Co-authored-by: Konstantinos-Gk <[email protected]>
1 parent 2f2a3c9 commit 748ca43

File tree

16 files changed

+106
-59
lines changed

16 files changed

+106
-59
lines changed

‎crowdin/messages.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1166,6 +1166,7 @@
11661166
"1542393407": "CFD trading features on Deriv",
11671167
"1546535785": "Are there any conditions that I should meet before I can withdraw my commission?",
11681168
"1546917177": "5 - 750",
1169+
"1549497379": "High leverage, tight forex spreads",
11691170
"1550284135": "Jordan",
11701171
"1550574351": "Let’s say you want to keep two lots of EUR/USD with a point value of 0.00001 and swap rate of -0.12 open for one night.",
11711172
"1551153165": "You can trade the following options on Deriv:",

‎src/components/custom/_signup-public.tsx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -141,8 +141,8 @@ const InputWrapper = styled.div`
141141
font-weight: normal;
142142
margin-right: 1rem;
143143
border-radius: 15px;
144+
144145
@media ${device.mobileL} {
145-
width: unset;
146146
max-width: 191px;
147147
}
148148
`
@@ -153,6 +153,10 @@ const InputGroup = styled.div`
153153
margin-top: 2.5rem;
154154
margin-left: 1.5rem;
155155
margin-bottom: 1.5rem;
156+
157+
@media ${device.tabletL} {
158+
flex-direction: column;
159+
}
156160
`
157161
const EmailButton = styled(Button)<{ isChecked?: boolean }>`
158162
margin-left: 1rem;
@@ -164,10 +168,11 @@ const EmailButton = styled(Button)<{ isChecked?: boolean }>`
164168
@media ${device.tabletL} {
165169
padding: 10px 16px;
166170
white-space: nowrap;
171+
border-radius: 4px;
167172
min-width: unset;
168173
margin-left: 0;
169174
height: 40px;
170-
width: auto;
175+
width: 250px;
171176
}
172177
`
173178
const SocialWrapper = styled(Flex)`

‎src/components/elements/carousel/carousel-style.ts

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,10 @@ export const EmblaContainer = styled.div`
4242
height: 100%;
4343
display: flex;
4444
will-change: transform;
45+
46+
@media ${device.laptop} {
47+
gap: 2rem;
48+
}
4549
`
4650

4751
export const EmblaSlideInner = styled.div<{ width?: string }>`

‎src/components/elements/full-width-multicolumn.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ const Item = styled(Flex)`
3939

4040
const ItemContainer = styled(Box)`
4141
display: flex;
42-
margin: 40px 0 32px;
42+
margin: 40px 0 4.5rem;
4343
flex-direction: row;
4444
max-width: 140.4rem;
4545
justify-content: center;
@@ -57,12 +57,14 @@ const StyledHeader = styled(Header)`
5757
font-size: 32px;
5858
line-height: 40px;
5959
color: white;
60+
margin-top: 4.5rem;
6061
max-width: 80vw;
6162
6263
@media ${device.mobileL} {
6364
text-align: center;
6465
max-width: 65vw;
6566
font-size: 24px;
67+
margin-top: -1rem;
6668
line-height: 30px;
6769
}
6870
`
@@ -154,7 +156,7 @@ export const FullWidthMultiColumn = ({
154156
return (
155157
<StyledSectionContainer>
156158
<Flex direction="column" max-width="99.6rem" m="0 auto" jc="space-between" ai="center">
157-
<StyledHeader as="h2" type="section-title" align="center" mb="1.2rem" lh="1.25">
159+
<StyledHeader as="h2" type="section-title" align="center" mb="0.1rem" lh="1.25">
158160
{header}
159161
</StyledHeader>
160162
<StyledSubHeader

‎src/components/form/input.tsx

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -123,24 +123,25 @@ const StyledInput = styled.input<StyledInputProps>`
123123
font-size: var(--text-size-s);
124124
padding: 1rem 1rem 1rem 0.8rem;
125125
height: ${(props) => props.height || '40px'};
126-
width: 100%;
126+
width: 243px;
127127
display: block;
128128
border: none;
129129
border-radius: 15px;
130130
@media ${device.tabletL} {
131+
width: 250px;
131132
height: 100%;
133+
border-radius: 4px;
132134
133135
& ~ label {
134136
font-size: 1.75rem;
135-
top: 1.5rem;
137+
top: 1.95rem;
136138
}
137139
}
138140
@media ${device.mobileL} {
139141
font-size: 14px;
140142
141143
& ~ label {
142144
font-size: 1.5rem;
143-
top: 1.75rem;
144145
}
145146
}
146147
@@ -205,10 +206,10 @@ const StyledLabel = styled.label<StyledLabelProps>`
205206
position: absolute;
206207
pointer-events: none;
207208
left: 0.8rem;
208-
top: 1.4rem;
209+
top: 1.52rem;
209210
transition: 0.25s ease transform;
210211
transform: translateZ(0);
211-
padding: 0 0.4rem;
212+
padding: 0 0.45rem;
212213
background: none;
213214
`
214215

‎src/images/svg/custom/deriv-x.svg

Lines changed: 22 additions & 6 deletions
Loading

‎src/images/svg/custom/smarttrader.svg

Lines changed: 22 additions & 6 deletions
Loading

‎src/images/svg/trading-specification/deriv-x.svg

Lines changed: 11 additions & 10 deletions
Loading

‎src/pages/markets/components/helper/_available-platforms.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@ import { TString } from 'types/generics'
66
import { Text, Header } from 'components/elements'
77
import { localize, LocalizedLink } from 'components/localization'
88
import device from 'themes/device'
9-
import DBot from 'images/svg/custom/dbot-icon.svg'
10-
import DMT5 from 'images/svg/custom/dmt5-icon.svg'
11-
import DTrader from 'images/svg/custom/dtrader-icon.svg'
129
import SmartTrader from 'images/svg/custom/smarttrader.svg'
1310
import DerivX from 'images/svg/custom/deriv-x.svg'
14-
import DerivGo from 'images/svg/custom/deriv-go.svg'
11+
import DBot from 'images/svg/dbot/dbot-icon.svg'
12+
import DMT5 from 'images/svg/dmt5/dmt5-icon.svg'
13+
import DTrader from 'images/svg/dtrader/dtrader-icon.svg'
14+
import DerivGo from 'images/svg/deriv-go/deriv-go-icon.svg'
1515
import useRegion from 'components/hooks/use-region'
1616

1717
type AvailablePlatformsProps = {

0 commit comments

Comments
 (0)