Skip to content
Snippets Groups Projects
Commit 64f87909 authored by Jesus Galaz's avatar Jesus Galaz
Browse files

Fixing some design issues

parent 6733b52a
No related branches found
No related tags found
1 merge request!5User authentication implemented
Show whitespace changes
Inline Side-by-side
public/css/index.css
+ 115
− 116
View file @ 64f87909
...@@ -114,4 +114,3 @@ body { ...@@ -114,4 +114,3 @@ body {
.delete-btn:hover { .delete-btn:hover {
color: #c9302c; color: #c9302c;
} }
\ No newline at end of file
public/index.html
+ 31
− 113
View file @ 64f87909
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To-Do Dashboard</title> <title>ToDo</title>
<link rel="stylesheet" href="./css/main.css"> </head> <link rel="stylesheet" href="./css/index.css" />
<script src="./js/index.js" defer></script>
</head>
<body> <body>
<div class="container"> <div class="container">
<header class="header"> <header>
<h1>To-Do Dashboard</h1> <h1>ToDo List</h1>
<button class="new-btn">New Task</button>
<div class="user-actions">
<button class id="change-password-btn">Change Password</button>
<button id="logout-btn">Logout</button> <button id="logout-btn">Logout</button>
</div>
</header> </header>
<main class="main-content">
<aside class="sidebar"> <main>
<h2>Status</h2> <form id="new-task-form">
<ul class="status-bar"> <input
<li><progress id="file" value="3" max="5"> 60% </progress></li> type="text"
<li>Total Tasks: <span id="total-tasks">5</span></li> name="task"
<li>Active: <span id="active-tasks">2</span></li> placeholder="Add a new task..."
<li>Hidden: <span id="hidden-tasks">3</span></li> required
<li><button id="show-hidden-btn">Show Hidden</button></li> />
</ul> <button type="submit">Add</button>
</aside>
<section class="task-list">
<h2>Tasks</h2>
<ul>
<li class="task">
<form method="POST" action="" autocomplete="off">
<input type="text" name="task" style="width:60%;">
<div class="task-actions">
<button class="add-btn">Add</button>
</div>
</form> </form>
</li>
<li class="task"> <!-- Lista de tareas -->
<p>Finish Project Report</p> <section class="task-list">
<div class="task-actions"> <ul id="task-list"></ul>
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Buy Groceries</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Finish Project Report</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Buy Groceries</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Finish Project Report</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Buy Groceries</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Finish Project Report</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Buy Groceries</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
<li class="task">
<p>Finish Project Report</p>
<div class="task-actions">
<button class="hide-btn">Done</button>
<button class="edit-btn">Edit</button>
<button class="delete-btn">Delete</button>
</div>
</li>
</ul>
</section> </section>
</main> </main>
</div> </div>
... ...
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please to comment