Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Konfiguracja aplikacji Todo List
"styles": [
"src/styles.css",
"./node_modules/materialize-css/dist/css/materialize.css"
],
"scripts": [
"./node_modules/materialize-css/dist/js/materialize.js"
],
.ml-5 {
margin-left: 5px;
}
.mt-5 {
margin-top: 5px;
}
.done {
color: silver;
text-decoration: line-through;
}
input[type='date'].disabled::-webkit-inner-spin-button {
display: none;
}
.content {
overflow: auto;
height: 500px;
max-height: 500px;
}
<div class="container">
<nav class="row">
<div class="nav-wrapper">
<span class="brand-logo center">Lista zadań</span>
</div>
</nav>
<div class="row">
<button class="btn col s2 offset-s10">Dodaj zadanie</button>
<button class="btn col s2 offset-s10">Zakończ</button>
</div>
<div class="row">
<input
class="col s8"
type="text"
placeholder="Dodaj zadanie i datę wykonania"
/>
<input class="col s2 disabled" type="date" />
<button class="btn-floating">+</button>
</div>
<ul class="collection">
<li class="collection-item row">
<span class="col s10">1 Siłownia - 11.07 czwartek</span>
<div class="col s2 right-align">
<button class="btn-floating btn-small red">
<i class="material-icons">remove</i>
</button>
<button class="btn-floating btn-small green ml-5">
<i class="material-icons">check</i>
</button>
</div>
</li>
<li class="collection-item row">
<span class="col done">Sprzątanie kuwet</span>
</li>
</ul>
<h1>Dzisiaj brak zadań :-)</h1>
<button class="btn red">Wyczyść</button>
<footer class="page-footer mt-5">
<div class="footer-copyright">
<div class="container">
2020 © Lista zadań,All rights reserved.
</div>
</div>
</footer>
</div>
<!--Dodaj do sekcji Head w index.html-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.