Can't remove the popup padding from freshly installed plasmo. #1162
-
|
I can't find a way to remove the popup padding from freshly installed plasmo.
|
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 4 replies
-
|
fixed it by setting [check the proper solution by peguimasid below] |
Beta Was this translation helpful? Give feedback.
-
|
Hey @shamimurrahman19, I see you found a way to remove the popup padding, but I wanted to point out that modifying A better approach is to define your styles in a separate CSS file and import it into your
* {
margin: 0;
padding: 0;
outline: 0;
box-sizing: border-box;
}
import "./styles.css"
function IndexPopup() {
return (
<div
style={{
backgroundColor: "black",
color: "white",
}}>
<h1>Hello Plasmo</h1>
</div>
)
}
export default IndexPopup
This will ensure that your popup has no unwanted padding, and since the CSS file is part of your project, the styles will persist correctly. Hope this helps! 😊 |
Beta Was this translation helpful? Give feedback.
-
|
Thank you, |
Beta Was this translation helpful? Give feedback.
-
|
@shamimurrahman19 If it worked for you, would you mind marking it as answer? That way, it can help others facing the same issue. 😎 |
Beta Was this translation helpful? Give feedback.
-
your replies don't have that button |
Beta Was this translation helpful? Give feedback.
-
|
Maybe have to unmark the other and then the button appear? Really don't know. But don't worry with this, hope the answer help! |
Beta Was this translation helpful? Give feedback.
fixed it by setting
<body style="margin: 0">in extension folder\ .plasmo\popup.html[check the proper solution by peguimasid below]