random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added welcome page/introduction/onboarding flow

Browse Source 
• Added:
- welcome page/introduction/onboarding flow

• Todo:
- clean up code for showing new user the page
- add code for saving profile, cover photos, display name from intro slides
This commit is contained in:
mgabdev
2020-07-14 01:05:05 -05:00
parent 81433b49fc
commit e9475219c9
6 changed files with 334 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/javascript/gabsocial/layouts/introduction_layout.js
View File

@@ -1,3 +1,4 @@
import Block from '../components/block'
import NavigationBar from '../components/navigation_bar'
export default class IntroductionLayout extends PureComponent {
@@ -13,13 +14,19 @@ export default class IntroductionLayout extends PureComponent {
return (
<div className={[_s.default, _s.width100PC, _s.heightMin100VH, _s.bgTertiary].join(' ')}>
<NavigationBar title={title} />
<NavigationBar title={title} noSearch noActions />
<div className={[_s.default, _s.flexRow, _s.width100PC].join(' ')}>
<div className={[_s.default, _s.width100PC].join(' ')}>
<main role='main'>
<div className={[_s.default, _s.mlAuto, _s.mrAuto].join(' ')}>
{children}
<div className={[_s.default, _s.alignItemsCenter, _s.py15, _s.px15, _s.mlAuto, _s.mrAuto].join(' ')}>
<div className={[_s.default, _s.width645PX, _s.maxWidth100PC42PX].join(' ')}>
<Block>
{children}
</Block>
</div>
</div>
</main>
</div>