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 {
.delete-btn:hover {
color: #c9302c;
}
\ No newline at end of file
public/index.html
+ 31
− 113
View file @ 64f87909
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>To-Do Dashboard</title>
<link rel="stylesheet" href="./css/main.css"> </head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ToDo</title>
<link rel="stylesheet" href="./css/index.css" />
<script src="./js/index.js" defer></script>
</head>
<body>
<div class="container">
<header class="header">
<h1>To-Do Dashboard</h1>
<button class="new-btn">New Task</button>
<div class="user-actions">
<button class id="change-password-btn">Change Password</button>
<header>
<h1>ToDo List</h1>
<button id="logout-btn">Logout</button>
</div>
</header>
<main class="main-content">
<aside class="sidebar">
<h2>Status</h2>
<ul class="status-bar">
<li><progress id="file" value="3" max="5"> 60% </progress></li>
<li>Total Tasks: <span id="total-tasks">5</span></li>
<li>Active: <span id="active-tasks">2</span></li>
<li>Hidden: <span id="hidden-tasks">3</span></li>
<li><button id="show-hidden-btn">Show Hidden</button></li>
</ul>
</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>
<main>
<form id="new-task-form">
<input
type="text"
name="task"
placeholder="Add a new task..."
required
/>
<button type="submit">Add</button>
</form>
</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>
<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>
<!-- Lista de tareas -->
<section class="task-list">
<ul id="task-list"></ul>
</section>
</main>
</div>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment