From 25325e13d5f6a82b3b0138c239a9faaf25dc6ffe Mon Sep 17 00:00:00 2001 From: subhrat123 Date: Thu, 25 Jun 2026 17:41:27 +0530 Subject: [PATCH 1/2] fix: align product link pills between overview cards --- content/_partials/engine-studio-box.md | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/content/_partials/engine-studio-box.md b/content/_partials/engine-studio-box.md index 7f8066b8..b1161ddc 100644 --- a/content/_partials/engine-studio-box.md +++ b/content/_partials/engine-studio-box.md @@ -4,6 +4,8 @@ title: APIs and Developer Tools description: Build with REST, GraphQL, the SDK, realtime, auth, and Flows. color: purple + ui: + container: "lg:flex!" --- :product-link{product="connect"} :product-link{product="realtime"} :product-link{product="auth"} :product-link{product="automate"} ::: @@ -13,6 +15,8 @@ title: Data Studio description: A web app for your whole team to manage content, files, users, and dashboards. color: pink + ui: + container: "lg:flex!" --- :product-link{product="insights"} :product-link{product="files"} ::: From ff7ecf0ea8b3527ad21f6dc60ca81f019f641883 Mon Sep 17 00:00:00 2001 From: subhrat123 Date: Sat, 27 Jun 2026 14:04:58 +0530 Subject: [PATCH 2/2] fix: improve engine studio card alignment on smaller screens --- app/assets/css/main.css | 12 ++++++++++++ content/_partials/engine-studio-box.md | 10 ++++------ 2 files changed, 16 insertions(+), 6 deletions(-) diff --git a/app/assets/css/main.css b/app/assets/css/main.css index 44f43b13..0b3da02e 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -147,3 +147,15 @@ html .dark .shiki span { background-color: var(--ui-text-dimmed); background-clip: content-box; } + +.engine-studio-card > [data-slot="container"] { + display: block; + flex: none; + width: 100%; + min-width: 0; +} + +.engine-studio-card [data-slot="body"] { + height: 95.5px; + flex: none; +} \ No newline at end of file diff --git a/content/_partials/engine-studio-box.md b/content/_partials/engine-studio-box.md index b1161ddc..5fc4740e 100644 --- a/content/_partials/engine-studio-box.md +++ b/content/_partials/engine-studio-box.md @@ -1,22 +1,20 @@ ::u-page-grid{class="lg:grid-cols-2"} - :::u-page-card + :::u-page-card{class="engine-studio-card"} --- title: APIs and Developer Tools description: Build with REST, GraphQL, the SDK, realtime, auth, and Flows. color: purple - ui: - container: "lg:flex!" + --- :product-link{product="connect"} :product-link{product="realtime"} :product-link{product="auth"} :product-link{product="automate"} ::: - :::u-page-card + :::u-page-card{class="engine-studio-card"} --- title: Data Studio description: A web app for your whole team to manage content, files, users, and dashboards. color: pink - ui: - container: "lg:flex!" + --- :product-link{product="insights"} :product-link{product="files"} :::