also looking at this
chore(release): promote UI, accessibility, and STX updates to production
#11
16 files
+176
-67
Review threads live on the whole diff, not on one commit, so none are shown here - a thread's line means something in the branch's final form, and painting it into an intermediate step would put it on code it is not about.
| @@ -46,6 +46,16 @@ import type { CrosswindConfig, Theme } from '@cwcss/crosswind' | ||
| 46 | 46 | export default { |
| 47 | 47 | theme: { |
| 48 | 48 | extend: { |
| 49 | borderRadius: { | |
| 50 | /* | |
| 51 | * `rounded-panel` is @stacksjs/components' radius role name: | |
| 52 | * <EmptyState variant="panel"> renders `bg-panel rounded-panel | |
| 53 | * ring-1 ring-line`. Without this it resolves to nothing and the | |
| 54 | * panel renders square. Pointed at this app's own panel radius: | |
| 55 | * the `app-panel` shortcut uses rounded-xl. | |
| 56 | */ | |
| 57 | panel: '0.75rem', | |
| 58 | }, | |
| 49 | 59 | colors: { |
| 50 | 60 | canvas: 'var(--bg)', |
| 51 | 61 | panel: 'var(--panel)', |
| @@ -167,11 +167,9 @@ function logout(): void { | ||
| 167 | 167 | <div class="text-sm text-subtle">Make sure Postgres is provisioned. Nothing has been lost — reload once the database is back.</div> |
| 168 | 168 | </div> |
| 169 | 169 | @else |
| 170 | <div class="px-5 py-16 text-center bg-panel border border-line rounded-xl"> | |
| 171 | <div class="mb-1 font-medium text-base">No apps yet</div> | |
| 172 | <div class="mb-5 text-sm text-subtle">Create your first app to start capturing errors.</div> | |
| 170 | <EmptyState title="No apps yet" description="Create your first app to start capturing errors."> | |
| 173 | 171 | <StxLink to="/projects/new" class="inline-block px-4 py-2.5 font-semibold text-accent-ink text-sm bg-accent hover:bg-[color-mix(in_srgb,var(--accent)_88%,#000)] rounded-[10px]">Create an app</StxLink> |
| 174 | </div> | |
| 172 | </EmptyState> | |
| 175 | 173 | @endif |
| 176 | 174 | @endforelse |
| 177 | 175 | @endif |
| @@ -1455,10 +1455,7 @@ onMount(() => { | ||
| 1455 | 1455 | <button @click="deleteChannel('')" :text="deleteLabel('')" class="px-2.5 py-1.5 font-medium text-warn text-xs hover:text-accent-ink bg-panel hover:bg-warn border border-[color-mix(in_srgb,var(--warn)_45%,var(--border))] rounded-[9px] hover:border-warn [transition:all_0.15s_ease]" x-tooltip="Remove">Remove</button> |
| 1456 | 1456 | </div> |
| 1457 | 1457 | @empty |
| 1458 | <div class="px-5 py-8 text-center app-panel"> | |
| 1459 | <div class="mb-1 font-medium text-sm">No chat alerts yet</div> | |
| 1460 | <div class="text-subtle text-xs">Add a Slack or Discord webhook below to start getting pinged.</div> | |
| 1461 | </div> | |
| 1458 | <EmptyState title="No chat alerts yet" description="Add a Slack or Discord webhook below to start getting pinged." /> | |
| 1462 | 1459 | @endforelse |
| 1463 | 1460 | </div> |
| 1464 | 1461 | <div class="px-5 py-5 app-panel"> |