How to position popup?
Hi! With team we are trying plasmo and we are faced with quite simple issue. we used tailwing and for example for popup.tsx we had this:
import React, { useState } from 'react';
import './style.css';
function IndexPopup() {
const [data, setData] = useState("");
return (
<div style={{ all: "initial" }}>
<div className={
<div className="shadow-lg rounded-md p-5 space-y-2 bg-black text-white"></div>
Unfortunately, it didn't located on bottom right, but when I do not use tailwind but just simple css:
<div style={{ position: 'fixed', bottom: '1.75rem', right: '0', zIndex: 50, padding: '1.5rem', fontFamily: 'sans-serif' }}>
Then I got a strange box(attached img)
Thank you for your insights!
import React, { useState } from 'react';
import './style.css';
function IndexPopup() {
const [data, setData] = useState("");
return (
<div style={{ all: "initial" }}>
<div className={
fixed bottom-7 right-0 z-50 p-6 font-sans<div className="shadow-lg rounded-md p-5 space-y-2 bg-black text-white"></div>
Unfortunately, it didn't located on bottom right, but when I do not use tailwind but just simple css:
<div style={{ position: 'fixed', bottom: '1.75rem', right: '0', zIndex: 50, padding: '1.5rem', fontFamily: 'sans-serif' }}>
Then I got a strange box(attached img)
Thank you for your insights!
