mirror of
https://github.com/supabase/supabase.git
synced 2026-10-08 19:05:06 +03:00
Ivan VasilovandJordi Enric
56de26fe22
This PR migrates the whole monorepo to use Tailwind v4: - Removed `@tailwindcss/container-queries` plugin since it's included by default in v4, - Bump all instances of Tailwind to v4. Made minimal changes to the shared config to remove non-supported features (`alpha` mentions), - Migrate all apps to be compatible with v4 configs, - Fix the `typography.css` import in 3 apps, - Add missing rules which were included by default in v3, - Run `pnpm dlx @tailwindcss/upgrade` on all apps, which renames a lot of classes - Rename all misnamed classes according to https://tailwindcss.com/docs/upgrade-guide#renamed-utilities in all apps. --------- Co-authored-by: Jordi Enric <jordi.err@gmail.com>
66 lines
1.3 KiB
CSS
66 lines
1.3 KiB
CSS
@reference "../../../styles/main.css";
|
|
|
|
.graphiqlContainer .graphiqlSessions {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlSession {
|
|
padding: 0;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlEditors {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlEditors:global(.full-height) {
|
|
margin-top: calc(0px - var(--session-header-height));
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlQueryEditor {
|
|
@apply border-b border-default;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlSessionHeader {
|
|
background-color: hsl(var(--color-base));
|
|
@apply border-b border-default;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlResponseSingleTab {
|
|
margin-top: calc(24px - var(--session-header-height));
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlResponseMultiTab {
|
|
padding-top: 16px;
|
|
}
|
|
|
|
.graphiqlContainer .graphiqlSidebar {
|
|
@apply border-l border-default;
|
|
}
|
|
|
|
.graphiqlHorizontalDragBar {
|
|
@apply border-l border-default;
|
|
}
|
|
|
|
.graphiqlAddTabWrapper {
|
|
padding: var(--px-12);
|
|
@apply z-10;
|
|
}
|
|
|
|
/* Variables */
|
|
|
|
:global(body.graphiql-dark) .graphiqlContainer {
|
|
--color-base: 0, 0%, 11%;
|
|
--color-primary: 153, 50%, 50%;
|
|
}
|
|
|
|
:global(body.graphiql-light) .graphiqlContainer {
|
|
--color-base: 210, 17%, 98%;
|
|
--color-primary: 153, 50%, 50%;
|
|
}
|
|
|
|
.graphiqlContainer {
|
|
--font-family: theme(fontFamily.sans);
|
|
--font-family-mono: theme(fontFamily.mono);
|
|
}
|