I am using a Popup modal component from the reactjs-popup library.
JavaScript
x
28
28
1
export default () => (
2
<Popup
3
trigger={<button className="button"> Guide </button>}
4
modal
5
nested
6
>
7
{(close: any) => (
8
<div className="modal">
9
<button className="close" onClick={close}>
10
×
11
</button>
12
<div className="header"> Guide </div>
13
<div className="content">
14
{' '}
15
16
<img src={img} alt="charts" className="charts" />
17
What is overfitting?
18
<br />
19
What is underfitting?
20
This example demonstrates the problems of underfitting and overfitting and how we can use linear regression with polynomial features to approximate nonlinear functions.
21
</div>
22
<div className="actions">
23
</div>
24
</div>
25
)}
26
</Popup>
27
);
28
I want to add a thick black border to the popup component. How can I do so? My current css doesnt seem to work.
JavaScript
1
6
1
.modal {
2
font-size: 12px;
3
border-color: black;
4
border-radius: 100px;
5
}
6
Advertisement
Answer
You need to set border-style: solid;
the default is none
. (maybe border-width
too)