feat: add frosted glass feature option

- Add 'Frosted Glass' to design features list in design-scheme.ts
- Implement visual styling for frosted glass feature in ColorSchemeDialog
- Adjust sidebar button margin in Workbench for better spacing
This commit is contained in:
KevIsDev
2025-06-02 11:12:33 +01:00
parent f0c0bf2b9a
commit 9e64c2cccf
3 changed files with 17 additions and 2 deletions

View File

@@ -241,6 +241,20 @@ export const ColorSchemeDialog: React.FC<ColorSchemeDialogProps> = ({ setDesignS
/>
</div>
)}
{f.key === 'frosted-glass' && (
<div className="relative">
<div
className={`w-6 h-6 rounded-lg transition-all duration-200 backdrop-blur-sm bg-white/20 border border-white/30 ${
isSelected ? 'opacity-90' : 'opacity-70'
}`}
/>
<div
className={`absolute inset-0 w-6 h-6 rounded-lg transition-all duration-200 backdrop-blur-md bg-gradient-to-br from-white/10 to-transparent ${
isSelected ? 'opacity-60' : 'opacity-40'
}`}
/>
</div>
)}
</div>
<div className="text-center">