Update elements web components (#144)

Signed-off-by: Nik Nasr <[email protected]>
restatedev · Jan 15, 2025 · 644754a · 644754a
1 parent bcff536
commit 644754a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/apps/web-ui/public/elements-web-components.min.js b/apps/web-ui/public/elements-web-components.min.js
diff --git a/libs/features/invocations-route/src/lib/invocations.route.tsx b/libs/features/invocations-route/src/lib/invocations.route.tsx
@@ -339,6 +339,8 @@ function Component() {
   return (
     <SnapshotTimeProvider lastSnapshot={dataUpdatedAt}>
       <div className="flex flex-col flex-auto gap-2">
+        <Footnote data={data} isFetching={isFetching} />
+
         <Table
           aria-label="Invocations"
           sortDescriptor={sortDescriptor}
@@ -424,7 +426,6 @@ function Component() {
             )}
           </TableBody>
         </Table>
-        <Footnote data={data} isFetching={isFetching} />
       </div>
       <LayoutOutlet zone={LayoutZone.Toolbar}>
         <Form
@@ -473,7 +474,7 @@ function Component() {
           </QueryBuilder>
           <SubmitButton
             isPending={isFetching}
-            className="absolute right-1 top-1 bottom-1 rounded-lg py-0"
+            className="absolute right-1 top-1 bottom-1 rounded-lg py-0 disabled:bg-gray-400  disabled:text-gray-200"
           >
             Query
           </SubmitButton>

diff --git a/libs/ui/button/src/lib/Button.tsx b/libs/ui/button/src/lib/Button.tsx
@@ -29,7 +29,7 @@ const styles = tv({
   variants: {
     variant: {
       primary:
-        'bg-gradient-to-b from-blue-600/90 to-blue-600 disabled:bg-gray-400 disabled:shadow-none disabled:drop-shadow-none disabled:text-gray-200 hover:from-blue-700 hover:to-blue-700 pressed:from-blue-800 pressed:to-blue-800 text-white shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2)] drop-shadow-sm hover:shadow-none pressed:shadow-none',
+        'bg-gradient-to-b from-blue-600/90 to-blue-600 disabled:shadow-none disabled:drop-shadow-none hover:from-blue-700 hover:to-blue-700 pressed:from-blue-800 pressed:to-blue-800 text-white shadow-[inset_0_1px_0_0_rgba(255,255,255,0.2)] drop-shadow-sm hover:shadow-none pressed:shadow-none',
       secondary: 'bg-white hover:bg-gray-100 pressed:bg-gray-200 text-gray-800',
       destructive:
         'bg-gradient-to-b from-red-700/95 to-red-700  shadow-[inset_0_1px_0_0_rgba(255,255,255,0.15)] drop-shadow-sm hover:from-red-800 hover:to-red-800 pressed:from-red-900 pressed:to-red-900 text-white hover:shadow-none pressed:shadow-none',