ryan/chore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made changes to CSS and merged together.

Browse Source
This commit is contained in:
Ryan Kegel
2025-12-17 22:50:13 -05:00
parent 6d506fc636
commit 2402645911
29 changed files with 764 additions and 1396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/vue-app/src/components/task/TaskView.vue
View File

@@ -28,8 +28,8 @@
<div class="modal">
<p>Are you sure you want to delete this task?</p>
<div class="actions">
<button @click="deleteTask">Yes, Delete</button>
<button @click="showConfirm = false">Cancel</button>
<button @click="deleteTask" class="btn btn-danger">Delete</button>
<button @click="showConfirm = false" class="btn btn-secondary">Cancel</button>
</div>
</div>
</div>
@@ -108,17 +108,20 @@ const createTask = () => {
text-align: center;
}
.actions {
margin-top: 1.2rem;
display: flex;
gap: 1rem;
gap: 3rem; /* Increased gap for more space between buttons */
justify-content: center;
margin-top: 0.5rem;
}
.actions button {
padding: 0.5rem 1.2rem;
border-radius: 8px;
border: none;
font-weight: 600;
padding: 1rem 2.2rem; /* Bigger touch area */
border-radius: 12px;
border: 0;
cursor: pointer;
font-weight: 700;
font-size: 1.25rem; /* Larger text */
transition: background 0.18s;
min-width: 120px; /* Ensures buttons are wide enough */
}
.actions button:first-child {
background: #ef4444;