Modals style fixes

Signed-off-by: Egor Savkin <es@m-labs.hk>
This commit is contained in:
Egor Savkin 2023-12-15 15:24:23 +08:00
parent c09d583fa6
commit a03a151c42
4 changed files with 28 additions and 5 deletions

View File

@ -9,6 +9,29 @@ button {
} }
.rfqFeedback { .rfqFeedback {
/* -webkit-box-shadow: 0px 0px 33px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 33px -7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 33px -7px rgba(0,0,0,0.75);*/
border: 1px solid $brand-color;
.modal-body, .modal-content, .modal {
border-radius: 0;
}
.form-group {
display: flex;
align-items: center;
padding: 0.5rem 0.75rem;
text-align: center;
/*position: absolute;
width: 350px;*/
background: white;
/*left: calc(100%/2 - 350px/2);*/
/*top: calc(50% - 50px);*/
font-size: .9rem;
}
button { button {
background-color: inherit; background-color: inherit;
align-self: center; align-self: center;

File diff suppressed because one or more lines are too long

View File

@ -56,8 +56,8 @@ export function ImportJSON() {
style={{'cursor': 'pointer'}} style={{'cursor': 'pointer'}}
onClick={showImport}>Import JSON onClick={showImport}>Import JSON
</button> </button>
<Modal show={shouldShow} animation={true} centered> <Modal show={shouldShow} animation={true} centered className="rfqFeedback">
<Modal.Body ref={ref} className="rfqFeedback"> <Modal.Body ref={ref}>
<div className="form-group"> <div className="form-group">
<p className="small"> <p className="small">
Input the JSON description below. Should be something like: Input the JSON description below. Should be something like:

View File

@ -31,8 +31,8 @@ export function ShowJSON() {
defaultValue="Show JSON" defaultValue="Show JSON"
onClick={showDescription} onClick={showDescription}
readOnly={true}/> readOnly={true}/>
<Modal show={shouldShow} animation={true} centered> <Modal show={shouldShow} animation={true} className="rfqFeedback" centered>
<Modal.Body ref={ref} className="rfqFeedback"> <Modal.Body ref={ref}>
<textarea <textarea
value={description} value={description}
className="form-control w-100" className="form-control w-100"