xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

Minor UI improvement.

This commit is contained in:
Daniel 2022-06-07 19:22:49 +04:30
parent 2114c03c29
commit bb3dc240ad
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.js
View File

@ -109,7 +109,7 @@ function App() {
<div className="head"> <div className="head">
<input className="search" type="search" placeholder="&#xf002; Search" onChange={search}/> <input className="search" type="search" placeholder="&#xf002; Search" onChange={search}/>
<button className="add-btn btn" onClick={() => setNewBox(true)}>&#xf067;</button> <button className="add-btn btn" onClick={() => setNewBox(true)}>&#xf067;</button>
<button className="dark-light-btn btn" onClick={() => setLightMode(!lightMode)}>&#xf042;</button> <button className="dark-light-btn btn" onClick={() => setLightMode(!lightMode)}></button>
</div> </div>
<p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : null}</p> <p className="results">{numberOfResults > 0 ? numberOfResults + ' Bookmarks found' : null}</p>

2
src/styles/App.css
View File

@ -81,5 +81,5 @@ textarea:focus, input:focus{
.dark-light-btn { .dark-light-btn {
margin-left: 10px; margin-left: 10px;
font-size: 1.3em; font-size: 1.2em;
} }

8
src/styles/index.css
View File

@ -19,6 +19,10 @@ body {
/* Dark Mode settings (Default) */ /* Dark Mode settings (Default) */
.dark-light-btn::before {
content: '';
}
.delete { .delete {
background-color: #1f2c38; background-color: #1f2c38;
color: #ffffffb6; color: #ffffffb6;
@ -84,6 +88,10 @@ body {
/* Light Mode settings */ /* Light Mode settings */
.light .dark-light-btn::before {
content: '';
}
.light { .light {
text-shadow: 0px 1px 2px #ffffff; text-shadow: 0px 1px 2px #ffffff;
background-color:rgb(233, 220, 179); background-color:rgb(233, 220, 179);