flex toolbar
s-ol
1 year, 6 months ago
63 | 63 | justfiy-content: space-between; |
64 | 64 | } |
65 | 65 | |
66 | nav > .group, nav > .spacer { | |
66 | nav > .group { | |
67 | flex: 1 0 auto; | |
68 | ||
67 | 69 | display: flex; |
70 | justify-content: center; | |
68 | 71 | align-items: baseline; |
69 | 72 | padding: 0.25em 1em; |
70 | 73 | gap: 1em; |
76 | 79 | nav > .group:nth-child(2n) { |
77 | 80 | background: #363636; |
78 | 81 | } |
79 | ||
80 | nav > .spacer { flex: 1; } | |
81 | 82 | `); |
82 | 83 | |
83 | 84 | export const Toolbar = ({ state, setState, midi }) => { |
159 | 160 | /> |
160 | 161 | <button onClick={midi.reload}>↻</button> |
161 | 162 | </div> |
162 | <div className="spacer" /> | |
163 | 163 | </nav> |
164 | 164 | ); |
165 | 165 | }; |