Compare commits

..

No commits in common. "91169f117b34a21c717ba4d8f337133407e72182" and "0fc62f2d16164266ff154df56aa4ddcd9f9743bc" have entirely different histories.

10 changed files with 13 additions and 98 deletions

View File

@ -128,23 +128,3 @@
.empty-state h3 { .empty-state h3 {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@media (max-width: 640px) {
.goals-header {
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
}
.goal-card {
flex-direction: column;
align-items: stretch;
gap: 0.75rem;
padding: 1rem;
}
.goal-actions {
justify-content: flex-end;
flex-wrap: wrap;
}
}

View File

@ -254,18 +254,4 @@
flex-direction: column; flex-direction: column;
gap: 0; gap: 0;
} }
.notes-filters {
flex-direction: column;
align-items: stretch;
}
.filter-group select {
min-width: 0;
width: 100%;
}
.search-group {
min-width: 0;
}
} }

View File

@ -29,18 +29,15 @@ body {
.nav-links { .nav-links {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.5rem; gap: 1rem;
flex-wrap: wrap;
justify-content: flex-end;
} }
.nav-link { .nav-link {
color: white; color: white;
text-decoration: none; text-decoration: none;
padding: 0.4rem 0.6rem; padding: 0.5rem 1rem;
border-radius: 4px; border-radius: 4px;
transition: background-color 0.2s; transition: background-color 0.2s;
white-space: nowrap;
} }
.nav-link:hover { .nav-link:hover {
@ -254,32 +251,3 @@ body {
gap: 1rem; gap: 1rem;
margin-top: 1rem; margin-top: 1rem;
} }
@media (max-width: 640px) {
.navbar {
padding: 0.5rem 0.75rem;
flex-wrap: wrap;
gap: 0.25rem;
}
.nav-brand {
font-size: 1.15rem;
}
.container {
margin: 0.75rem auto;
}
.modal-content {
margin: 0.5rem;
padding: 1rem;
}
.modal-actions {
flex-wrap: wrap;
}
.modal-actions .btn-danger {
width: 100%;
}
}

View File

@ -202,9 +202,8 @@
.side-panel { .side-panel {
position: fixed; position: fixed;
top: 0; top: 0;
right: -100%; right: -400px;
width: 85%; width: 400px;
max-width: 400px;
height: 100%; height: 100%;
background: white; background: white;
box-shadow: -2px 0 8px rgba(0,0,0,0.1); box-shadow: -2px 0 8px rgba(0,0,0,0.1);
@ -217,24 +216,6 @@
.side-panel.active { .side-panel.active {
right: 0; right: 0;
} }
.scroll-view {
height: 55vh;
}
}
@media (max-width: 480px) {
.scroll-view {
height: 50vh;
}
.tasks-list {
padding: 30vh 1rem;
}
.goal-selector-container select {
min-width: 140px;
}
} }
@media (orientation: landscape) and (min-width: 1024px) { @media (orientation: landscape) and (min-width: 1024px) {

View File

@ -123,7 +123,7 @@ function renderUsers() {
</td> </td>
<td> <td>
<input type="number" min="1" value="${user.max_goals}" <input type="number" min="1" value="${user.max_goals}"
id="max-goals-${user.user_id}" autocomplete="off"> id="max-goals-${user.user_id}">
</td> </td>
<td> <td>
<button class="save-btn" onclick="saveUser(${user.user_id})">Save</button> <button class="save-btn" onclick="saveUser(${user.user_id})">Save</button>

View File

@ -21,7 +21,7 @@
<h2 id="modal-title">Create Goal</h2> <h2 id="modal-title">Create Goal</h2>
<button class="modal-close" id="modal-close">&times;</button> <button class="modal-close" id="modal-close">&times;</button>
</div> </div>
<form id="goal-form" autocomplete="off"> <form id="goal-form">
<input type="hidden" id="goal-id"> <input type="hidden" id="goal-id">
<div class="form-group"> <div class="form-group">
<label for="goal-title">Goal Title</label> <label for="goal-title">Goal Title</label>

View File

@ -9,7 +9,7 @@
<body class="auth-page"> <body class="auth-page">
<div class="auth-container"> <div class="auth-container">
<h1>Login</h1> <h1>Login</h1>
<form id="login-form" autocomplete="off"> <form id="login-form">
<div class="form-group"> <div class="form-group">
<label for="username">Username</label> <label for="username">Username</label>
<input type="text" id="username" name="username" required> <input type="text" id="username" name="username" required>

View File

@ -21,7 +21,7 @@
</select> </select>
</div> </div>
<div class="filter-group search-group"> <div class="filter-group search-group">
<input type="text" id="filter-search" placeholder="Search notes..." autocomplete="off"> <input type="text" id="filter-search" placeholder="Search notes...">
</div> </div>
</div> </div>
@ -34,7 +34,7 @@
<h2 id="note-modal-title">New Note</h2> <h2 id="note-modal-title">New Note</h2>
<button class="modal-close" id="note-modal-close">&times;</button> <button class="modal-close" id="note-modal-close">&times;</button>
</div> </div>
<form id="note-form" autocomplete="off"> <form id="note-form">
<input type="hidden" id="note-id"> <input type="hidden" id="note-id">
<div class="form-group"> <div class="form-group">
<label for="note-title">Title</label> <label for="note-title">Title</label>

View File

@ -9,7 +9,7 @@
<body class="auth-page"> <body class="auth-page">
<div class="auth-container"> <div class="auth-container">
<h1>Register</h1> <h1>Register</h1>
<form id="register-form" autocomplete="off"> <form id="register-form">
<div class="form-group"> <div class="form-group">
<label for="username">Username</label> <label for="username">Username</label>
<input type="text" id="username" name="username" required> <input type="text" id="username" name="username" required>

View File

@ -32,11 +32,11 @@
<div class="side-panel-content"> <div class="side-panel-content">
<div class="form-group"> <div class="form-group">
<label for="edit-task-title">Title</label> <label for="edit-task-title">Title</label>
<input type="text" id="edit-task-title" autocomplete="off"> <input type="text" id="edit-task-title">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="edit-task-desc">Description</label> <label for="edit-task-desc">Description</label>
<textarea id="edit-task-desc" rows="12" autocomplete="off"></textarea> <textarea id="edit-task-desc" rows="12"></textarea>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="edit-task-status">Status</label> <label for="edit-task-status">Status</label>
@ -63,7 +63,7 @@
<h2 id="task-modal-title">Create Task</h2> <h2 id="task-modal-title">Create Task</h2>
<button class="modal-close" id="task-modal-close">&times;</button> <button class="modal-close" id="task-modal-close">&times;</button>
</div> </div>
<form id="task-form" autocomplete="off"> <form id="task-form">
<input type="hidden" id="task-id"> <input type="hidden" id="task-id">
<div class="form-group"> <div class="form-group">
<label for="task-title">Task Title</label> <label for="task-title">Task Title</label>