-
Notifications
You must be signed in to change notification settings - Fork 116
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0a32c05
commit 8d99934
Showing
15 changed files
with
170 additions
and
137 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
.back-button { | ||
display: flex; | ||
padding: 1em; | ||
font-size: 0.8rem; | ||
justify-content: flex-start; | ||
} | ||
|
||
.back-button img { | ||
cursor: pointer; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
import React from 'react'; | ||
import chevronLeftIcon from '../../assets/chevron-left.svg'; | ||
|
||
import './BackButton.css'; | ||
|
||
type Props = { | ||
goBack: () => void; | ||
}; | ||
|
||
const BackButton: React.FC<Props> = ({ goBack }) => { | ||
return ( | ||
<div className="back-button"> | ||
<img onClick={goBack} src={chevronLeftIcon} alt="Back" /> | ||
</div> | ||
); | ||
}; | ||
|
||
export default BackButton; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,35 @@ | ||
.connect-button { | ||
display: flex; | ||
align-items: center; /* Vertically center align items */ | ||
justify-content: center; /* Horizontally center content */ | ||
background-color: #007aff; /* Background color of the button */ | ||
color: white; /* Text color */ | ||
padding: 10px 20px; /* Padding around text and icon */ | ||
border-radius: 10px; /* Rounded corners */ | ||
border: none; /* No border */ | ||
cursor: pointer; /* Pointer cursor on hover */ | ||
font-size: 16px; /* Text size */ | ||
font-weight: bold; /* Font weight for the text */ | ||
white-space: nowrap; /* Prevents wrapping of text */ | ||
} | ||
|
||
.connect-button-icon { | ||
flex-shrink: 0; /* Prevent the icon container from shrinking */ | ||
width: 24px; /* Width of the icon container */ | ||
height: 24px; /* Height of the icon container */ | ||
display: flex; | ||
align-items: center; /* Center the icon vertically */ | ||
justify-content: center; /* Center the icon horizontally */ | ||
margin-right: 10px; /* Space between icon and text */ | ||
} | ||
|
||
.connect-button-icon img { | ||
max-width: 100%; /* Ensure the icon is contained within the icon-container */ | ||
max-height: 100%; | ||
} | ||
|
||
.button-text { | ||
flex-grow: 1; | ||
margin-left: -34px; | ||
text-align: center; /* Center the text */ | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,7 @@ | ||
import React from 'react'; | ||
|
||
import './ConnectButton.css'; | ||
|
||
type Props = { | ||
title: string; | ||
icon: string; | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
.primary-button { | ||
display: flex; | ||
align-items: center; /* Vertically center align items */ | ||
justify-content: center; /* Horizontally center content */ | ||
background-color: #007aff; /* Background color of the button */ | ||
color: white; /* Text color */ | ||
padding: 10px 20px; /* Padding around text and icon */ | ||
border-radius: 10px; /* Rounded corners */ | ||
border: none; /* No border */ | ||
cursor: pointer; /* Pointer cursor on hover */ | ||
font-size: 16px; /* Text size */ | ||
font-weight: bold; /* Font weight for the text */ | ||
text-align: center; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,7 @@ | ||
import React from 'react'; | ||
|
||
import './PrimaryButton.css'; | ||
|
||
type Props = { | ||
title: string; | ||
callback: () => void; | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
.skip-button { | ||
color: #888a8c; | ||
display: flex; | ||
padding: 1em; | ||
font-size: 0.8rem; | ||
font-weight: 600; | ||
justify-content: flex-end; | ||
} | ||
|
||
.skip-button span { | ||
cursor: pointer; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,17 @@ | ||
import React from 'react'; | ||
|
||
import './SkipButton.css'; | ||
|
||
type Props = { | ||
skip: () => void; | ||
}; | ||
|
||
const SkipButton: React.FC<Props> = ({ skip }) => { | ||
return ( | ||
<div className="skip-button" onClick={skip}> | ||
<span>Skip</span> | ||
</div> | ||
); | ||
}; | ||
|
||
export default SkipButton; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
.avatar { | ||
display: flex; | ||
flex-grow: 1; | ||
align-items: center; | ||
justify-content: center; | ||
overflow: hidden; | ||
height: 100%; | ||
padding: 1em 2em 1em 2em; | ||
} | ||
|
||
.avatar img { | ||
max-width: 100%; | ||
max-height: 100%; | ||
} |
Oops, something went wrong.