Design improvements.
This commit is contained in:
+4
-2
@@ -83,15 +83,16 @@ function App() {
|
||||
|
||||
return (
|
||||
<div className="App">
|
||||
<div className='content'>
|
||||
<div className="head">
|
||||
<input className="search" type="search" placeholder=" Search" onChange={search}/>
|
||||
<button className="btn" onClick={() => setNewBox(true)}></button>
|
||||
<button className="add-btn btn" onClick={() => setNewBox(true)}></button>
|
||||
</div>
|
||||
|
||||
<p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : null}</p>
|
||||
|
||||
<button className='btn' onClick={() => setFilterBox(true)}></button>
|
||||
<button className='btn' onClick={() => setSortBox(true)}></button>
|
||||
<button className='btn' style={{marginLeft: '10px'}} onClick={() => setSortBox(true)}></button>
|
||||
<List SetLoader={SetLoader} data={filteredData} tags={tags} reFetch={fetchData} />
|
||||
|
||||
{numberOfResults === 0 ? <NoResults /> : null}
|
||||
@@ -120,6 +121,7 @@ function App() {
|
||||
|
||||
{loader ? <Loader /> : null}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user