ui recordings

datahub-project · Jul 30, 2024 · 7e4c94d · 7e4c94d
1 parent 48b5965
commit 7e4c94d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/docs-website/src/pages/cloud/UnifiedTabs/index.js b/docs-website/src/pages/cloud/UnifiedTabs/index.js
@@ -12,21 +12,21 @@ const TabbedComponent = () => {
       description: 'All the search and discovery features of DataHub Core you already love, enhanced.',
       icon: "/img/assets/data-discovery.svg",
       link: "https://www.acryldata.io/acryl-datahub",
-      image: 'https://cdn.sanity.io/files/cqo9wkgf/production/4e97a9b91534b4b81080a62e05747a76cfd6f598.webm',
+      image: 'https://raw.githubusercontent.com/datahub-project/static-assets/main/imgs/saas/demo/discovery.webm',
     },
     {
       title: 'Data Observability',
       description: 'Detect, resolve, and prevent data quality issues before they impact your business. Unify data health signals from all your data quality tools, including dbt tests and more.',
       icon: "/img/assets/data-ob.svg",
       link: "https://www.acryldata.io/observe",
-      image: '/path/to/image2.png',
+      image: 'https://raw.githubusercontent.com/datahub-project/static-assets/main/imgs/saas/demo/observe.webm',
     },
     {
       title: 'Data Governance',
-      description: 'Powerful Automations, Reporting and Organizational tools to help you govern effectively.',
+      description: 'Powerful Automation, Reporting and Organizational tools to help you govern effectively.',
       icon: "/img/assets/data-governance.svg",
       link: "https://www.acryldata.io/acryl-datahub#governance",
-      image: 'https://cdn.sanity.io/images/cqo9wkgf/production/a99fe9d9bd6f8feb019bf7badc12948e2fd7319e-1878x1056.png?w=3840&q=75&fit=clip&auto=format',
+      image: 'https://raw.githubusercontent.com/datahub-project/static-assets/main/imgs/saas/demo/governance.webm',
     },
   ];
 

diff --git a/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss b/docs-website/src/pages/cloud/UnifiedTabs/styles.module.scss
@@ -125,7 +125,7 @@
   display: none;
   justify-content: center;
   align-items: center;
-  background-color: #CCC;
+  background-color: #111;
   margin: 1rem 0; // Added margin for spacing
   height: 380px;
   border-radius: 24px;
@@ -138,8 +138,8 @@
   padding: 4px;
 }
 .tabImage video {
-  height: 100%;
-  width: 100%;
+  max-height: 100%;
+  max-width: 100%;
   border-radius: 22px;
 }