Skip to content

Commit

Permalink
move nav to bottom?
Browse files Browse the repository at this point in the history
  • Loading branch information
@DevangThakkar
DevangThakkar committed Jan 9, 2022
1 parent e858c7b commit 7143b9a
Showing 1 changed file with 60 additions and 60 deletions.
120 changes: 60 additions & 60 deletions src/App.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -343,29 +343,6 @@ function App() {
)}
</div>
</div>
<div className="flex flex-force-center items-center py-4">
<div className="flex items-center px-1">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playPrevious}>Previous
</button>
</div>
<div className="flex items-center px-2">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playRandom}>Random
</button>
</div>
<div className="flex items-center px-3">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playNext}>Next
</button>
</div>
</div>
<InfoModal
isOpen={infoModalIsOpen}
handleClose={handleInfoClose}
Expand Down Expand Up @@ -411,6 +388,29 @@ function App() {
onDeletePress={onDeletePress}
gameDisabled={gameState !== state.playing}
/>
<div className="flex flex-force-center items-center py-4">
<div className="flex items-center px-1">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playPrevious}>Previous
</button>
</div>
<div className="flex items-center px-2">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playRandom}>Random
</button>
</div>
<div className="flex items-center px-3">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playNext}>Next
</button>
</div>
</div>
</div>
</div>
)
Expand Down Expand Up @@ -448,43 +448,6 @@ function App() {
)}
</div>
</div>
<div className="flex flex-force-center items-center py-4">
<div className="flex items-center px-1">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playFirst}>First
</button>
</div>
<div className="flex items-center px-2">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playPrevious}>Previous
</button>
</div>
<div className="flex items-center px-3">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playRandom}>Random
</button>
</div>
<div className="flex items-center px-4">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playNext}>Next
</button>
</div>
<div className="flex items-center px-5">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playLast}>Last
</button>
</div>
</div>
<InfoModal
isOpen={infoModalIsOpen}
handleClose={handleInfoClose}
Expand Down Expand Up @@ -530,6 +493,43 @@ function App() {
onDeletePress={onDeletePress}
gameDisabled={gameState !== state.playing}
/>
<div className="flex flex-force-center items-center py-4">
<div className="flex items-center px-1">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playFirst}>First
</button>
</div>
<div className="flex items-center px-2">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playPrevious}>Previous
</button>
</div>
<div className="flex items-center px-3">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playRandom}>Random
</button>
</div>
<div className="flex items-center px-4">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playNext}>Next
</button>
</div>
<div className="flex items-center px-5">
<button
type="button"
className="rounded px-6 py-2 mt-8 text-lg nm-flat-background dark:nm-flat-background-dark hover:nm-inset-background dark:hover:nm-inset-background-dark text-primary dark:text-primary-dark"
onClick={playLast}>Last
</button>
</div>
</div>
</div>
</div>
)
Expand Down

0 comments on commit 7143b9a

Please sign in to comment.