hensei-web/components/SearchModal/index.scss

48 lines
No EOL
950 B
SCSS

.ModalContainer .Modal.SearchModal {
display: flex;
flex-direction: column;
min-height: 420px;
min-width: 600px;
padding: 0;
#ModalTop {
background: $grey-90;
gap: $unit;
margin: 0;
padding: ($unit * 3) ($unit * 3) ($unit * 1.5) ($unit * 3);
position: sticky;
top: 0;
label {
width: 100%;
.Input {
box-sizing: border-box;
padding: 12px 8px;
text-align: left;
width: 100%;
}
}
}
}
.SearchModal #results_container {
margin: 0;
max-height: 330px;
padding: 0 12px 12px 12px;
}
.SearchModal #NoResults {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-grow: 1;
}
.SearchModal #NoResults h2 {
color: #ccc;
font-size: $font-large;
font-weight: 500;
margin-top: -32px;
}