We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I use antd and tailwindcss, this is my content script UI
export const config: PlasmoCSConfig = { matches: ["https://www.youtube.com/*"] } export const getInlineAnchor: PlasmoGetInlineAnchor = async () => document.querySelector("#player") const HOST_ID = "engage-csui" export const getShadowHostId: PlasmoGetShadowHostId = () => HOST_ID export const getStyle = () => { const style = document.createElement("style") style.textContent = antdResetCssText return style } export const mountShadowHost: PlasmoMountShadowHost = ({ shadowHost, anchor, mountState }) => { anchor.element.appendChild(shadowHost) mountState.observer.disconnect() // OPTIONAL DEMO: stop the observer as needed } export default function Toolbar() { return ( <StyleProvider container={document.getElementById(HOST_ID).shadowRoot}> { showDownloadButton && ( <Flex gap={'middle'} className={'ml-4'}> <Button type={'text'} shape={'circle'} icon={<Video/>} onClick={() => handleDownloadVideo()} loading={videoLoading}/> <Button type={'text'} shape={'circle'} icon={<Images size={18}/>} onClick={handleDownloadThumbnail} loading={thumbnailLoading}/> <Button type={'text'} shape={'circle'} icon={<Captions/>} onClick={() => handleDownloadSubtitle('text')} loading={subtitleLoading}/> </Flex> ) } </StyleProvider> ) }
I add ml-4 in Flex component, but I didn't see the effect.
Latest
No response
The text was updated successfully, but these errors were encountered:
What is your antdResetCssText ? Does it contains
@tailwind base; @tailwind components; @tailwind utilities;
?
Sorry, something went wrong.
What is your antdResetCssText ? Does it contains @tailwind base; @tailwind components; @tailwind utilities; ?
yes, but I removed @tailwind base
Did you set prefix in tailwind.css.js ?
What is your antdResetCssText ? Does it contains @tailwind base; @tailwind components; @tailwind utilities; ? yes, but I removed @tailwind base
Did you set prefix in tailwind.config.js ?
Did you set prefix in tailwind.css.js ? What is your antdResetCssText ? Does it contains @tailwind base; @tailwind components; @tailwind utilities; ? yes, but I removed @tailwind base Did you set prefix in tailwind.config.js ?
no
No branches or pull requests
What happened?
I use antd and tailwindcss, this is my content script UI
I add ml-4 in Flex component, but I didn't see the effect.
Version
Latest
What OS are you seeing the problem on?
No response
What browsers are you seeing the problem on?
No response
Relevant log output
No response
(OPTIONAL) Contribution
Code of Conduct
The text was updated successfully, but these errors were encountered: