This repository was archived by the owner on Dec 28, 2023. It is now read-only.
File tree 10 files changed +35
-13
lines changed 10 files changed +35
-13
lines changed Original file line number Diff line number Diff line change 26
26
width : fit-content ;
27
27
padding : 0.8rem 1.6rem ;
28
28
29
+ & :hover {
30
+ --btn-background : var (--gray-05 );
31
+ }
32
+ }
33
+ & .logout {
34
+ --btn-background : transparent ;
35
+ --btn-text-color : var (--red-01 );
36
+ border : solid 2px var (--red-01 );
37
+ border-radius : 10px ;
38
+ width : fit-content ;
39
+ padding : 0.8rem 1.6rem ;
40
+
29
41
& :hover {
30
42
--btn-background : var (--gray-05 );
31
43
}
Original file line number Diff line number Diff line change @@ -14,7 +14,10 @@ export default function Button({
14
14
let classesNames = `${ styles . btn } ` ;
15
15
if ( type === 'secondary' ) {
16
16
classesNames += ` ${ styles . secondary } ` ;
17
+ } else if ( type === 'logout' ) {
18
+ classesNames += ` ${ styles . logout } ` ;
17
19
}
20
+
18
21
return (
19
22
< button disabled = { disabled } onClick = { onClick } className = { classesNames } >
20
23
{ children }
Original file line number Diff line number Diff line change 19
19
margin-left : 2.4rem ;
20
20
}
21
21
.logo {
22
- background-image : url (/ img/deriv .svg );
22
+ background-image : url (/ img/wordmark .svg );
23
23
width : 18rem ;
24
24
height : 7.3rem ;
25
25
background-size : contain ;
38
38
}
39
39
40
40
[data-state *= " responsive.mobile" ] {
41
- .logoLink {
42
- justify-content : center ;
41
+ .logoLink {
43
42
.logo {
44
43
height : 4.8rem ;
45
44
width : 8.4rem ;
Original file line number Diff line number Diff line change @@ -11,7 +11,6 @@ export const DerivLogo = () => {
11
11
< Link className = { styles . logoLink } to = '/' data-testid = 'mainLogo' >
12
12
< div className = { styles . flexContainer } >
13
13
< div data-testid = 'home_logo' onClick = { clickLogo } className = { styles . logo } />
14
- < h1 className = { styles . branding } > API</ h1 >
15
14
</ div >
16
15
</ Link >
17
16
) ;
Original file line number Diff line number Diff line change 5
5
z-index : 100 ;
6
6
display : flex ;
7
7
flex-direction : column ;
8
- background-color : var (--black-01 );
8
+ background-color : var (--white );
9
9
a {
10
10
position : relative ;
11
11
margin-right : 4rem ;
12
12
font-size : var (--text-size-s );
13
13
line-height : 1.5 ;
14
- color : var (--white );
14
+ color : var (--black-01 );
15
15
& :empty {
16
16
display : none !important ;
17
17
}
60
60
margin-right : 4rem ;
61
61
font-size : var (--text-size-xxs );
62
62
line-height : var (--text-lh-m );
63
- color : var (--copy-color );
63
+ color : var (--black-01 );
64
64
65
65
& ::before {
66
66
visibility : hidden ;
73
73
align-items : center ;
74
74
justify-content : center ;
75
75
height : 7.3rem ;
76
- background-color : var (--black-01 );
76
+ background-color : var (--white );
77
+ border-bottom : 1px var (--gray-01 ) solid ;
77
78
.headerContainer {
78
79
display : flex ;
79
80
flex-wrap : nowrap ;
82
83
.hamburger {
83
84
width : 1.6rem ;
84
85
height : 1.6rem ;
85
- background-image : url (/ img/hamburger_menu .svg );
86
+ background-image : url (/ img/hamburger_icon .svg );
86
87
background-repeat : no-repeat ;
87
88
padding : 0.1rem ;
88
89
display : none ;
Original file line number Diff line number Diff line change @@ -4,7 +4,7 @@ export const TopNav = () => {
4
4
< div className = { `${ styles . topNav } ${ styles . flexContainer } ` } >
5
5
< div className = { styles . topNavContainer } >
6
6
< a href = 'https://deriv.com/' > Deriv website</ a >
7
- < a href = 'https://deriv.com/who-we-are' > About us </ a >
7
+ < a href = 'https://deriv.com/who-we-are' > Who we are </ a >
8
8
< a href = 'https://deriv.com/contact-us' > Contact us</ a >
9
9
</ div >
10
10
</ div >
Original file line number Diff line number Diff line change @@ -14,7 +14,7 @@ export const LogoutButton = () => {
14
14
return (
15
15
< Suspense fallback = { < div /> } >
16
16
< div className = { styles . signOut } >
17
- < LazyButton onClick = { logout } > Sign out</ LazyButton >
17
+ < LazyButton onClick = { logout } type = 'logout' > Sign out</ LazyButton >
18
18
</ div >
19
19
</ Suspense >
20
20
) ;
Original file line number Diff line number Diff line change 6
6
z-index : 100 ;
7
7
color : var (--white );
8
8
background-color : transparent ;
9
- border : solid 2px var (--gray-05 );
10
- border-radius : 4px ;
11
9
}
12
10
13
11
[data-state *= " mobile" ] .signOut {
You can’t perform that action at this time.
0 commit comments