hensei-web/components/SearchModal/index.scss
2022-01-24 21:54:50 -08:00

45 lines
No EOL
717 B
SCSS

.SearchModal {
min-height: 420px;
min-width: 600px;
}
.SearchModal .Input {
padding: 12px 8px;
text-align: left;
}
.SearchModal label {
width: 100%;
}
.SearchModal label .Input {
width: 100%;
}
.SearchModal #input_container {
background: #f5f5f5;
padding: 24px 24px 12px 24px;
position: sticky;
top: 0;
}
.SearchModal #results_container {
margin: 0;
max-height: 320px;
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: 18px;
font-weight: 500;
margin-top: -32px;
}