feat: AI Quickaction to generate caption and alt text for images

This commit is contained in:
2026-02-13 22:48:15 +01:00
parent 7240bae3ec
commit 642c6f5294
10 changed files with 388 additions and 48 deletions

View File

@@ -950,3 +950,80 @@
grid-template-columns: repeat(3, 1fr);
}
}
/* Quick Actions Dropdown */
.quick-actions-wrapper {
position: relative;
display: inline-block;
}
.quick-actions-btn {
display: flex;
align-items: center;
gap: 4px;
white-space: nowrap;
}
.quick-actions-btn:disabled {
opacity: 0.7;
cursor: wait;
}
.quick-actions-menu {
position: absolute;
top: 100%;
right: 0;
margin-top: 4px;
min-width: 280px;
background: var(--vscode-dropdown-background, #3c3c3c);
border: 1px solid var(--vscode-dropdown-border, #454545);
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
z-index: 1000;
overflow: hidden;
}
.quick-action-item {
display: flex;
align-items: flex-start;
gap: 10px;
width: 100%;
padding: 10px 12px;
background: none;
border: none;
color: var(--vscode-dropdown-foreground, #ccc);
cursor: pointer;
text-align: left;
transition: background 0.1s;
}
.quick-action-item:hover:not(:disabled) {
background: var(--vscode-list-hoverBackground, #2a2d2e);
}
.quick-action-item:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.quick-action-icon {
font-size: 16px;
flex-shrink: 0;
margin-top: 2px;
}
.quick-action-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.quick-action-text strong {
font-size: 13px;
font-weight: 500;
}
.quick-action-text small {
font-size: 11px;
opacity: 0.7;
}