Closed pengyin-shan closed 5 months ago
Name | Link |
---|---|
Latest commit | 206ca5d6096f87f54fb01c22ecc9848d0e5e6397 |
Latest deploy log | https://app.netlify.com/sites/cheerful-treacle-913a24/deploys/66830f29ff77c90008c7a4d7 |
Deploy Preview | https://deploy-preview-175--cheerful-treacle-913a24.netlify.app |
Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
This PR is for #172. I created the component to fit the container's size (in the code, I made the example container 499px to simulate the design). We don't have the mobile design, but I aligned the elements vertically for small screens.
Note that we will need new icons. Currently, I just pass an existing icon on the home page to the test component.
How to Test
Navigate to the search page; an example result component should be on the top.
Change to mobile view and check the mobile layout of this component.
During the development, I found that it would be better to define the exact objects under 'meta' field for the SolrObject.
Originally I have
but
string | string[]
type can cause some problems when passing these meta fields as attributes of the component, so I will work on #176After this ticket, I will work on #173.