994089fcc2
Converted to TypeScript to match Contribution docs, and updated/simplified the example. - Replaced stylesheets in Head component with imported styles - Removed `style-loader`, `css-loader`, `cross-env`, `prop-types` packages - Removed custom webpack config ## Documentation / Examples - [X] Make sure the linting passes by running `pnpm build && pnpm lint` - [X] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)
53 lines
513 B
CSS
53 lines
513 B
CSS
html {
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
main {
|
|
display: flex;
|
|
margin: 25px 0;
|
|
}
|
|
|
|
.menu {
|
|
flex: 2;
|
|
}
|
|
|
|
footer {
|
|
text-align: center;
|
|
}
|
|
|
|
.ais-Pagination {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
.results {
|
|
flex: 9;
|
|
}
|
|
|
|
.hit {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.hit-actions {
|
|
display: flex;
|
|
}
|
|
|
|
.hit-content {
|
|
padding: 0px 10px;
|
|
}
|
|
|
|
.hit-picture img {
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
|
|
.hit-type {
|
|
color: #888888;
|
|
font-size: 13px;
|
|
}
|