React:更新 UI 元素

React: Updating the UI elements

所以我试图在 React 中模仿 UI。除了以下几点,我已经能够实现其中的大部分内容:

  1. 编辑组件中的蓝色背景应该覆盖整个顶部。目前它不覆盖边界。我假设由于填充会出现此问题,但不确定如何解决它。

  2. 删除按钮应与参考图像中的中心对齐。目前略有下降。

  3. 我想在添加按钮的左侧显示一个“+”符号。它在 /resources/plus.svg 下可用,但由于某种原因浏览器未呈现它。

我已经根据您的要求添加和更新了样式,您可以在这里进一步发挥并根据需要进行调整,请查看。

请检查以下参考资料 https://stackblitz.com/edit/react-yxjldk?file=src%2FStackStyled.js