Rodrigo Rodriguez (Pragmatismo)
b9395cb0d7
Added new navigation links for Dashboard, Editor, Player, Paper, Settings, Tables, and News sections. Each link includes click handlers to switch sections and active state styling. This expands the application's navigation options for better user access to different features.
108 lines
1.6 KiB
CSS
108 lines
1.6 KiB
CSS
/* Tasks Styles */
|
|
.tasks-container {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 2rem;
|
|
}
|
|
|
|
.task-input {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.task-input input {
|
|
flex: 1;
|
|
padding: 0.75rem;
|
|
background: #1e293b;
|
|
border: 1px solid #334155;
|
|
border-radius: 0.5rem;
|
|
color: #e2e8f0;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.task-input input:focus {
|
|
outline: none;
|
|
border-color: #3b82f6;
|
|
}
|
|
|
|
.task-input button {
|
|
padding: 0.75rem 1.5rem;
|
|
background: #3b82f6;
|
|
color: white;
|
|
border: none;
|
|
border-radius: 0.5rem;
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
.task-input button:hover {
|
|
background: #2563eb;
|
|
}
|
|
|
|
.task-list {
|
|
list-style: none;
|
|
}
|
|
|
|
.task-item {
|
|
padding: 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
background: #1e293b;
|
|
border: 1px solid #334155;
|
|
border-radius: 0.5rem;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
|
|
.task-item.completed span {
|
|
text-decoration: line-through;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.task-item input[type="checkbox"] {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.task-item span {
|
|
flex: 1;
|
|
}
|
|
|
|
.task-item button {
|
|
background: #ef4444;
|
|
color: white;
|
|
border: none;
|
|
padding: 0.5rem 0.75rem;
|
|
border-radius: 0.375rem;
|
|
cursor: pointer;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
.task-item button:hover {
|
|
background: #dc2626;
|
|
}
|
|
|
|
.task-filters {
|
|
display: flex;
|
|
gap: 0.5rem;
|
|
margin-top: 2rem;
|
|
padding-top: 2rem;
|
|
border-top: 1px solid #334155;
|
|
}
|
|
|
|
.task-filters button {
|
|
padding: 0.5rem 1rem;
|
|
background: #334155;
|
|
color: #e2e8f0;
|
|
border: none;
|
|
border-radius: 0.375rem;
|
|
cursor: pointer;
|
|
transition: all 0.2s;
|
|
}
|
|
|
|
.task-filters button.active {
|
|
background: #3b82f6;
|
|
}
|