ui updates

This commit is contained in:
Kakarot
2025-07-05 23:17:12 -05:00
parent c35374f2da
commit 0c82f0d28d
3 changed files with 42 additions and 29 deletions
+18 -23
View File
@@ -353,6 +353,24 @@
margin-left: 16px;
}
.add-button {
border: none;
padding: 6px 12px;
cursor: pointer;
border-radius: var(--md-radius-small);
background-color: var(--md-dark-success-container);
color: var(--md-dark-on-success-container);
}
.delete-button {
border: none;
padding: 6px 12px;
cursor: pointer;
border-radius: var(--md-radius-small);
background-color: var(--md-dark-error-container);
color: var(--md-dark-on-error-container);
}
/* Toggle Switch */
.toggle-wrapper {
display: inline-flex;
@@ -392,27 +410,4 @@
.toggle-wrapper input:checked + .toggle-switch::before {
transform: translateX(18px);
}
/* Floating Action Button */
#add-item-fab {
position: fixed;
bottom: 24px;
right: 24px;
width: 56px;
height: 56px;
border-radius: 50%;
background-color: var(--md-dark-primary);
color: var(--md-dark-on-primary);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: var(--md-elevation-3);
transition: transform 0.2s;
}
#add-item-fab:hover {
transform: translateY(-4px);
box-shadow: var(--md-elevation-2);
}