Fixed a issue while deleting categories - Polishing UI

This commit is contained in:
2025-12-17 21:21:54 +01:00
parent de23d34d49
commit 2e7d4b8ee9
3 changed files with 81 additions and 12 deletions

View File

@@ -364,3 +364,54 @@
border: none;
border-radius: var(--radius-s);
}
.taskweaver-modal-section {
margin: var(--size-4-4) 0;
}
.taskweaver-modal-label {
display: block;
color: var(--text-normal);
font-weight: var(--font-semibold);
font-size: var(--font-ui-small);
margin-bottom: var(--size-4-2);
}
.taskweaver-categories-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: var(--size-4-2);
margin-bottom: var(--size-4-3);
}
.taskweaver-category-btn {
display: flex;
align-items: center;
gap: var(--size-4-2);
padding: var(--size-4-3);
border: 2px solid var(--background-modifier-border);
border-radius: var(--radius-m);
background-color: var(--background-secondary);
cursor: pointer;
transition: all 0.2s;
}
.taskweaver-category-btn:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.taskweaver-category-btn.selected {
border-width: 3px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.taskweaver-category-btn-emoji {
font-size: var(--font-ui-large);
}
.taskweaver-category-btn-name {
color: var(--text-normal);
font-weight: var(--font-semibold);
font-size: var(--font-ui-small);
}