prisma · carlagn · Apr 2, 2024 · Apr 2, 2024 · Apr 2, 2024
diff --git a/...client/100-queries/090-raw-database-access/100-custom-and-type-safe-queries.mdx b/...client/100-queries/090-raw-database-access/100-custom-and-type-safe-queries.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Custom & type-safe queries'
 metaDescription: 'Learn how to use SafeQL and Prisma Client extensions to work around features not natively supported by Prisma, such as PostGIS.'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 This page explains how to improve the experience of writing raw SQL in Prisma ORM. It uses [Prisma Client extensions](/orm/prisma-client/client-extensions) and [SafeQL](https://safeql.dev) to create custom, type-safe Prisma Client queries which abstract custom SQL that your app might need (using `$queryRaw`).

diff --git a/docs/200-orm/200-prisma-client/100-queries/090-raw-database-access/index.mdx b/docs/200-orm/200-prisma-client/100-queries/090-raw-database-access/index.mdx
@@ -5,6 +5,8 @@ metaDescription: 'Raw database access with Prisma Client.'
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 While Prisma ORM aims to make all your database queries intuitive, type-safe, and convenient, there may be situations where you need to drop down to raw queries. 
 
 This may happen for several reasons, e.g., because you need to optimize the performance of a specific query or because your data requirements can't be expressed by Prisma Client's query API.

diff --git a/docs/200-orm/200-prisma-client/300-client-extensions/200-extension-examples.mdx b/docs/200-orm/200-prisma-client/300-client-extensions/200-extension-examples.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Prisma Client extensions | Shared packages & examples'
 metaDescription: 'Explore the Prisma Client extensions that have been built by Prisma and its community'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Extensions made by Prisma
 
 The following is a list of extensions we've built at Prisma:

diff --git a/docs/200-orm/200-prisma-client/500-deployment/210-module-bundlers.mdx b/docs/200-orm/200-prisma-client/500-deployment/210-module-bundlers.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Module bundlers (Reference)'
 metaDescription: 'This page gives an overview of the most important things to be aware of when using a module bundler to bundle an application that uses Prisma Client.'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 _Module bundlers_ bundle JavaScript modules into a single JavaScript file. Most bundlers work by copying over the JavaScript code from a variety of source files into the target file.

diff --git a/docs/200-orm/200-prisma-client/600-observability-and-logging/index.mdx b/docs/200-orm/200-prisma-client/600-observability-and-logging/index.mdx
@@ -6,6 +6,8 @@ tocDepth: 3
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## In this section
 
 <Subsections depth="3" />
diff --git a/docs/200-orm/300-prisma-migrate/200-understanding-prisma-migrate/005-overview.mdx b/docs/200-orm/300-prisma-migrate/200-understanding-prisma-migrate/005-overview.mdx
@@ -5,6 +5,8 @@ metaDescription: 'Learn everything you need to know about Prisma Migrate.'
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 <Admonition type="info">
 
 **Does not apply for MongoDB**<br/>Instead of `migrate dev` and related commands, use [`db push`](/orm/prisma-migrate/workflows/prototyping-your-schema) for [MongoDB](/orm/overview/databases/mongodb).

diff --git a/docs/200-orm/300-prisma-migrate/200-understanding-prisma-migrate/index.mdx b/docs/200-orm/300-prisma-migrate/200-understanding-prisma-migrate/index.mdx
@@ -5,6 +5,8 @@ metaDescription: 'Learn about the mental model and basic building blocks of Pris
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## In this section
 
 <Subsections />
diff --git a/docs/200-orm/300-prisma-migrate/300-workflows/index.mdx b/docs/200-orm/300-prisma-migrate/300-workflows/index.mdx
@@ -5,6 +5,8 @@ metaDescription: 'Learn about important Prisma Migrate workflows, like seeding,
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## In this section
 
 <Subsections />
diff --git a/docs/200-orm/500-reference/100-prisma-schema-reference.mdx b/docs/200-orm/500-reference/100-prisma-schema-reference.mdx
@@ -7,6 +7,8 @@ tocDepth: 3
 toc: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## `datasource`
 
 Defines a [data source](/orm/prisma-schema/overview/data-sources) in the Prisma schema.

diff --git a/...orm/800-more/300-upgrade-guides/800-upgrade-from-prisma-1/01-how-to-upgrade.mdx b/...orm/800-more/300-upgrade-guides/800-upgrade-from-prisma-1/01-how-to-upgrade.mdx
@@ -4,6 +4,8 @@ metaTitle: 'How to upgrade from Prisma 1 to Prisma ORM version 2.x and later'
 metaDescription: 'Learn how to upgrade your Prisma 1 project to Prisma ORM version 2.x and later'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 This page helps you make an informed decision on when and how to upgrade from Prisma 1 to Prisma ORM version 2._x_ and later.

diff --git a/...upgrade-guides/800-upgrade-from-prisma-1/04-upgrading-nexus-prisma-to-nexus.mdx b/...upgrade-guides/800-upgrade-from-prisma-1/04-upgrading-nexus-prisma-to-nexus.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Upgrade Prisma 1 with nexus-prisma to @nexus/schema'
 metaDescription: 'Learn how to upgrade existing Prisma 1 projects with nexus-prisma to Prisma ORM 2 and Nexus.'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 > **Note**: This guide is not fully up-to-date as it currently uses the [deprecated](https://github.com/graphql-nexus/nexus-plugin-prisma/issues/1039) version of the [`nexus-plugin-prisma`](https://github.com/graphql-nexus/nexus-plugin-prisma). While this is still functional, it is recommended to use the new [`nexus-prisma`](https://github.com/prisma/nexus-prisma/) library or an alternative code-first GraphQL library like [Pothos](https://pothos-graphql.dev/) going forward. If you have any questions, feel free to drop them in the [`#prisma1-community`](https://app.slack.com/client/T0MQBS8JG/C0152UA4DH9) channel in the [Prisma Slack](https://slack.prisma.io).

diff --git a/...grade-guides/800-upgrade-from-prisma-1/05-upgrading-prisma-binding-to-nexus.mdx b/...grade-guides/800-upgrade-from-prisma-1/05-upgrading-prisma-binding-to-nexus.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Upgrading from Prisma 1 with prisma-binding to Nexus'
 metaDescription: 'Learn how to upgrade existing Prisma 1 projects with prisma-binding to Prisma ORM 2.0 and Nexus.'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 > **Note**: This guide is not fully up-to-date as it currently uses the [deprecated](https://github.com/graphql-nexus/nexus-plugin-prisma/issues/1039) version of the [`nexus-plugin-prisma`](https://github.com/graphql-nexus/nexus-plugin-prisma). While this is still functional, it is recommended to use the new [`nexus-prisma`](https://github.com/prisma/nexus-prisma/) library or an alternative code-first GraphQL library like [Pothos](https://pothos-graphql.dev/) going forward. If you have any questions, feel free to drop them in the [`#prisma1-community`](https://app.slack.com/client/T0MQBS8JG/C0152UA4DH9) channel in the [Prisma Slack](https://slack.prisma.io).

diff --git a/...e-guides/800-upgrade-from-prisma-1/06-upgrading-prisma-binding-to-sdl-first.mdx b/...e-guides/800-upgrade-from-prisma-1/06-upgrading-prisma-binding-to-sdl-first.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Upgrading from Prisma 1 with prisma-binding to SDL-first'
 metaDescription: 'Learn how to upgrade existing Prisma 1 projects with prisma-binding to Prisma ORM 2 (SDL-first).'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 This upgrade guide describes how to migrate a Node.js project that's based on [Prisma 1](https://github.com/prisma/prisma1) and uses `prisma-binding` to implement a GraphQL server.

diff --git a/...0-more/300-upgrade-guides/800-upgrade-from-prisma-1/07-upgrading-a-rest-api.mdx b/...0-more/300-upgrade-guides/800-upgrade-from-prisma-1/07-upgrading-a-rest-api.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Upgrading a REST API from Prisma 1 to Prisma ORM 2'
 metaDescription: 'Learn how to upgrade a REST API from Prisma 1 to Prisma ORM 2.'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 This upgrade guide describes how to migrate a Node.js project that's based on [Prisma 1](https://github.com/prisma/prisma1) and uses the [Prisma 1 client](https://v1.prisma.io/docs/1.34/prisma-client/) to implement a REST API.

diff --git a/...e/300-upgrade-guides/800-upgrade-from-prisma-1/08-upgrade-from-mongodb-beta.mdx b/...e/300-upgrade-guides/800-upgrade-from-prisma-1/08-upgrade-from-mongodb-beta.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Upgrade from the Prisma 1 MongoDB Beta to Prisma ORM 2 or later'
 metaDescription: 'Learn how to upgrade your MongoDB application running Prisma 1 to Prisma ORM 2 or later.'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Introduction
 
 This guide helps you migrate from the Prisma 1 MongoDB Beta to MongoDB on Prisma ORM 2 or later. To learn more about the differences between Prisma 1 and Prisma ORM 2.x and later, refer to [this document](/orm/more/upgrade-guides/upgrade-from-prisma-1/how-to-upgrade#main-differences-between-prisma-1-and-prisma-orm-version-2x-and-later).

diff --git a/docs/200-orm/800-more/300-upgrade-guides/800-upgrade-from-prisma-1/index.mdx b/docs/200-orm/800-more/300-upgrade-guides/800-upgrade-from-prisma-1/index.mdx
@@ -5,6 +5,8 @@ staticLink: false
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## In this section
 
 <Subsections />
diff --git a/docs/200-orm/800-more/300-upgrade-guides/index.mdx b/docs/200-orm/800-more/300-upgrade-guides/index.mdx
@@ -5,6 +5,8 @@ metaDescription: 'Learn how to upgrade Prisma ORM versions.'
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## In this section
 
 <Subsections />
diff --git a/docs/200-orm/800-more/450-migrating-to-prisma/index.mdx b/docs/200-orm/800-more/450-migrating-to-prisma/index.mdx
@@ -5,6 +5,8 @@ metaDescription: 'How to migrate to Prisma ORM from other ORMs and query builder
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## In this section
 
 <Subsections />
diff --git a/docs/200-orm/800-more/600-help-and-troubleshooting/050-creating-bug-reports.mdx b/docs/200-orm/800-more/600-help-and-troubleshooting/050-creating-bug-reports.mdx
@@ -4,6 +4,8 @@ metaTitle: 'Creating bug reports for Prisma ORM'
 metaDescription: 'This page explains best practices for creating bug reports for Prisma ORM, including sharing additional debugging output and other recommendations.'
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## Overview
 
 You can help us improve Prisma ORM by creating **bug reports**. When creating a bug report, it's important that you include as much information as possible about your issue. That way, it's easier to reproduce.

diff --git a/docs/200-orm/800-more/600-help-and-troubleshooting/index.mdx b/docs/200-orm/800-more/600-help-and-troubleshooting/index.mdx
@@ -5,6 +5,8 @@ metaDescription: 'Help & troubleshooting in Prisma ORM projects.'
 hide_table_of_contents: true
 ---
 
+<TopBlock title={frontMatter.title} />
+
 ## In this section
 
 <Subsections />
diff --git a/src/theme/DocCard/index.tsx b/src/theme/DocCard/index.tsx
@@ -8,7 +8,7 @@ import {
 import isInternalUrl from '@docusaurus/isInternalUrl';
 import {translate} from '@docusaurus/Translate';
 import Heading from '@theme/Heading';
-import styles from './styles.module.css';
+import styles from './styles.module.scss';
 function CardContainer({href, children}) {
   return (
     <Link

diff --git a/src/theme/DocCard/styles.module.css → src/theme/DocCard/styles.module.scss b/src/theme/DocCard/styles.module.css → src/theme/DocCard/styles.module.scss
@@ -8,6 +8,7 @@
   transition-property: border;
   color: var(--main-font-color);
   background-color: transparent;
+  text-decoration: none !important;
 }
 
 .cardContainer:hover {