Adapt tree slider to mobile device.

[dadiorchen]

Please add a new test in component unit test file, and paste a screenshot when creating PR.

---

Some hints for building components:

• This kind of issue is about creating a new component, it might not need to mount it in the whole app, to know how to create a component separately, please check the tutorial below.
• Design resource: https://www.figma.com/file/XdYFdjlsHvxehlrkPVYq0l/Greenstand-Webmap?node-id=2497%3A11584
• A tutorial of how to use the Cypress component tool to build components: https://github.com/Greenstand/treetracker-wallet-web#how-to-build-a-component
• We are using MaterialUI to build the app: https://material-ui.com/
• Please mount the component with import { mountWithTheme as mount } from '../../models/test-utils'; to get our theme imported.
• Please use MaterialUI theme.spacing(x) as possible as we can, so the component is more responsive
• When you are ready to raise PR for the component, please attach the screenshot of the component for review.
• Please read our readme for more information/guide/tutorial.
• Here is an engineering book in Greenstand.
• To know more about our organization, visit our website.
• If you want to join the slack community (some resources need the community member's permission), please leave your email address.
• More issues in this project: https://github.com/orgs/Greenstand/projects/26

[wendyyuchensun]

Hi, just curious does this need to be a new component? It seems like it can be achieved by just adjusting CSS like https://github.com/wendyyuchensun/treetracker-web-map-client/commit/2c022668419d4a5fd97eb94a109fcb66f791b0fe .

Screenshot

[dadiorchen]

awsome!!! yes, our goal is to reuse the component as much as possible, and your solution looks pretty neat! Can you raise a PR for us? BTW, the image size is the same as the Figma design? I mean the mobile version.

[wendyyuchensun]

Yes, mobile image is 152px * 152px . https://www.figma.com/file/XdYFdjlsHvxehlrkPVYq0l/Greenstand-Webmap?node-id=4355%3A15745

,

[wendyyuchensun]

Here is the PR: https://github.com/Greenstand/treetracker-web-map-client/pull/352 Let me know if any issue with it, thanks. :)

[github-actions[bot]]

:tada: This issue has been resolved in version 1.15.0-beta.1 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: