feat(ui): polish env editor, error buttons, and modal layout

This commit is contained in:
Andras Bacsai
2026-09-08 11:49:02 +02:00
parent abc701ac65
commit 4a3dc11958
28 changed files with 256 additions and 103 deletions
+12 -1
View File
@@ -9,9 +9,20 @@ test('standard buttons use raised hover and pressed depth states', function () {
->toContain('--button-depth-hover: 0 3px 0 var(--button-depth-color);')
->toContain('.button-highlighted:not(:disabled)')
->toContain('--button-depth-color: color-mix(in oklab, var(--color-coollabs) 52%, black);')
->toContain('.dark .button:not(.button-highlighted):not([isHighlighted]):not(:disabled)')
->toContain('.dark .button:not(.button-highlighted):not(.button-error):not([isHighlighted]):not(:disabled)')
->not->toContain('.dark .button:not(.button-highlighted):not([isHighlighted]):not(:disabled)')
->toContain('--button-depth-color: rgb(255 255 255 / 0.08);')
->not->toContain('.dark .button.button-highlighted:not(:disabled)')
->toContain('.button.button-error:not(:disabled)')
->toContain('--button-depth-color: var(--color-red-300);')
->toContain('.dark .button.button-error:not(:disabled)')
->toContain('--button-depth-color: var(--color-red-800);')
->toContain('.button-error:not(:disabled)')
->toContain('.button.button-error {')
->toContain('.button.button-error:disabled {')
->toContain('hover:bg-red-100 hover:text-red-900 dark:hover:bg-red-700 dark:hover:text-white')
->not->toContain('hover:bg-red-300 hover:text-white dark:hover:bg-red-800')
->not->toContain('button[isError]:not(:disabled)')
->toContain('.button:not(:disabled):hover')
->toContain('transform: translateY(-1px);')
->toContain('transition-duration: 120ms, 120ms, 120ms, 80ms, 80ms;')