waylon/netlify-faunadb-example2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styles

Browse source
This commit is contained in:
davidwells 2018-06-11 22:34:57 -07:00
parent 51d2330169
commit c34d15a489
3 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/App.css
View file

@ -33,14 +33,16 @@
padding-top: 10px; padding-top: 10px;
width: 600px; width: 600px;
} }
.todo-create-wrapper { .todo-create-wrapper {
margin-bottom: 20px; margin-bottom: 20px;
} }
.todo-create-input { .todo-create-input {
padding: 12px 10px; font-size: 14px;
padding: 11px 15px;
min-width: 300px; min-width: 300px;
display: inline-block; display: inline-block;
box-shadow: 0px 0px 0px 2px rgba(69, 101, 173, 0.1); box-shadow: 0px 0px 0px 2px rgba(120, 130, 152, 0.25);
border: none; border: none;
outline: none; outline: none;
transition: all 0.3s ease; transition: all 0.3s ease;
@ -55,6 +57,12 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
min-height: 43px;
}
.todo-list-title {
font-size: 17px;
font-weight: 500;
color: #5a5a5a;
} }
@keyframes App-logo-spin { @keyframes App-logo-spin {

2
src/App.js
View file

@ -123,7 +123,7 @@ class App extends Component {
} }
return ( return (
<div key={i} className='todo-item'> <div key={i} className='todo-item'>
<div> <div className='todo-list-title'>
{data.title} {data.title}
</div> </div>
{deleteButton} {deleteButton}

3
src/index.css
View file

@ -1,7 +1,7 @@
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: sans-serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
} }
button { button {
@ -21,6 +21,7 @@ button {
transition-property: background-color,color,border,box-shadow; transition-property: background-color,color,border,box-shadow;
outline: 0; outline: 0;
cursor: pointer; cursor: pointer;
margin-bottom: 3px;
} }
button:focus, button:hover { button:focus, button:hover {