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

* 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

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'>

File diff suppressed because one or more lines are too long

View File

@ -844,11 +844,12 @@ declare const MenuItemMultiSelect: ({ LeftIcon, text, selected, className, onSel
type MenuItemMultiSelectAvatarProps = {
avatar?: ReactNode;
selected: boolean;
isKeySelected?: boolean;
text: string;
className?: string;
onSelectChange?: (selected: boolean) => void;
};
declare const MenuItemMultiSelectAvatar: ({ avatar, text, selected, className, onSelectChange, }: MenuItemMultiSelectAvatarProps) => react_jsx_runtime.JSX.Element;
declare const MenuItemMultiSelectAvatar: ({ avatar, text, selected, className, isKeySelected, onSelectChange, }: MenuItemMultiSelectAvatarProps) => react_jsx_runtime.JSX.Element;
type MenuItemNavigateProps = {
LeftIcon?: IconComponent;
@ -860,6 +861,7 @@ declare const MenuItemNavigate: ({ LeftIcon, text, className, onClick, }: MenuIt
type MenuItemBaseProps = {
accent?: MenuItemAccent;
isKeySelected?: boolean;
};
declare const StyledMenuItemSelect: _emotion_styled.StyledComponent<{