Advertisement
Guest User

Untitled

a guest
Jun 18th, 2019
83
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.03 KB | None | 0 0
  1. .app-wrapper {
  2. display: flex;
  3. flex-direction: column;
  4. width: 100%;
  5. position: absolute;
  6. top: 0;
  7. bottom: 0;
  8. }
  9. .app-defaultFlex {
  10. flex: 1;
  11. position: relative;
  12. }
  13. .app-buttonContainer{
  14. display: flex;
  15. flex-direction: row;
  16. align-items: center;
  17. justify-content: center;
  18. background: white
  19. }
  20.  
  21. <div id='FlexTest' className='app-wrapper'>
  22. <div className='header'>
  23. {header}
  24. </div>
  25. <ScrollablePane scrollbarVisibility={ScrollbarVisibility.auto} className='app-defaultFlex'>
  26. <Pivot>
  27. <PivotItem id='PivotItemAllProjects' headerText="All Projects">
  28. <DetailsList items={projectItems}/>
  29. </PivotItem>
  30. <PivotItem headerText="Recent" id='PivotItemRecentProjects'>
  31. <DetailsList items={projectItems}/>
  32. </PivotItem>
  33. </Pivot>;
  34. </ScrollablePane>
  35. <div className='footer app-buttonContainer'>
  36. <DefaultButton className='app-FileButton' primary={true} disabled={false}>File to Project</DefaultButton>
  37. </div>
  38. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement