melch/rsvp-reader
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add borderMarker

Browse Source
This commit is contained in:
Alfred Melch 2019-12-14 20:03:17 +01:00
parent 38b1082772
commit 88a84f252d
2 changed files with 30 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/PivotMarker.css Normal file
View File

@ -0,0 +1,11 @@
.border {
height: 2px;
background: black;
}
.marker {
height: 6px;
width: 2px;
background: black;
margin: 0 auto;
}

28
src/components/PivotMarker.js
View File

@ -1,11 +1,21 @@
import React from 'react' import React from 'react'
export const PipeMarker = ({ children }) => { import styles from './PivotMarker.css'
return (
<div> export const PipeMarker = ({ children }) => (
<div style={{ textAlign: 'center' }}>|</div> <div>
{children} <div style={{ textAlign: 'center' }}>|</div>
<div style={{ textAlign: 'center' }}>|</div> {children}
</div> <div style={{ textAlign: 'center' }}>|</div>
) </div>
} )
export const BorderMarker = ({ children }) => (
<div>
<div className={styles.border}></div>
<div className={styles.marker}></div>
{children}
<div className={styles.marker}></div>
<div className={styles.border}></div>
</div>
)