EntriesView.js
| 1 | /** @jsx jsx */ |
| 2 | import { css, jsx } from '@emotion/react'; |
| 3 | import { ScCard, ScDashboardModule } from '@surecart/components-react'; |
| 4 | import ChartSummary from './charts/ChartSummary'; |
| 5 | export default ( {} ) => { |
| 6 | return ( |
| 7 | <ScDashboardModule |
| 8 | css={ css` |
| 9 | width: calc(65% - 2em ); |
| 10 | margin-top:2em; |
| 11 | @media screen and ( max-width: 1260px ) { |
| 12 | width: 100%; |
| 13 | } |
| 14 | .dashboard-module{ |
| 15 | display:none; |
| 16 | } |
| 17 | ` } |
| 18 | style={ { '--sc-flex-column-gap': '1em' } } |
| 19 | > |
| 20 | <ScCard |
| 21 | style={ { '--sc-card-padding': 'var(--sc-spacing-xx-large)' } } |
| 22 | > |
| 23 | <article |
| 24 | css={ css` |
| 25 | display: flex; |
| 26 | align-items:center; |
| 27 | ` }> |
| 28 | Entries |
| 29 | <span |
| 30 | css={ css` |
| 31 | width: 16px; |
| 32 | height: 3px; |
| 33 | border-radius: 2px; |
| 34 | background: #F06434; |
| 35 | margin-left: 8px; |
| 36 | margin-right:20px; |
| 37 | ` }> |
| 38 | </span> |
| 39 | </article> |
| 40 | <ChartSummary loading={ false } className="" /> |
| 41 | </ScCard> |
| 42 | </ScDashboardModule> |
| 43 | ); |
| 44 | }; |
| 45 |