Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .app-wrapper {
- display: flex;
- flex-direction: column;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- }
- .app-defaultFlex {
- flex: 1;
- position: relative;
- }
- .app-buttonContainer{
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- background: white
- }
- <div id='FlexTest' className='app-wrapper'>
- <div className='header'>
- {header}
- </div>
- <ScrollablePane scrollbarVisibility={ScrollbarVisibility.auto} className='app-defaultFlex'>
- <Pivot>
- <PivotItem id='PivotItemAllProjects' headerText="All Projects">
- <DetailsList items={projectItems}/>
- </PivotItem>
- <PivotItem headerText="Recent" id='PivotItemRecentProjects'>
- <DetailsList items={projectItems}/>
- </PivotItem>
- </Pivot>;
- </ScrollablePane>
- <div className='footer app-buttonContainer'>
- <DefaultButton className='app-FileButton' primary={true} disabled={false}>File to Project</DefaultButton>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement