admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Fix docusaurus style overriden by spotlight/element (rest api playground) (#3033)

Browse Source 
* Fix docusaurus style overriden by spotlight/element (rest api playground)

* Fix spacing

* Fix spacing
This commit is contained in:
Charles Bochet
2023-12-15 19:45:34 +01:00
committed by GitHub
parent 2ea0e0c4e8
commit 72929d1de6
3 changed files with 687 additions and 688 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-docs/src/pages/rest-api.tsx
View File

@ -2,7 +2,7 @@ import Layout from "@theme/Layout";
import BrowserOnly from "@docusaurus/BrowserOnly";
import React, { useEffect, useState } from "react";
import { API } from '@stoplight/elements';
import '@stoplight/elements/styles.min.css';
import spotlightTheme from '!css-loader!@stoplight/elements/styles.min.css';
import './rest-api.css'
import { parseJson } from "nx/src/utils/json";
import { TbLoader2 } from "react-icons/tb";
@ -20,6 +20,14 @@ const TokenForm = ({onSubmit, isTokenValid, token, isLoading}: TokenFormProps)=>
onSubmit(event.target.value)
}
useEffect(() => {
const styleElement = document.createElement('style');
styleElement.innerHTML = spotlightTheme.toString();
document.head.append(styleElement);
return () => styleElement.remove();
}, []);
return !isTokenValid && (
<div>
<div className='container'>