*update - Inspect UI

reoilteam · Nov 5, 2020 · b134832 · b134832
1 parent 0df8933
commit b134832
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 15 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/src/components/Inspect.tsx b/src/components/Inspect.tsx
@@ -29,26 +29,26 @@ const Inspect: React.FC = () => {
  position: 'absolute',
  width: '100%',
  height: '100%',
- boxShadow: '0 0 0 1px rgba(255, 0, 255, 0.6)',
- background: 'rgba(255, 0, 255, 0.08)',
+ boxShadow: '0 0 0 1px orangered',
+ borderRadius: 2,
  top: 0,
  left: 0,
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center',
- color: 'transparent',
- textShadow: '0 2px 5px rgba(0,0,0,.4)',
+ // textShadow: '0 2px 5px rgba(0,0,0,.4)',
  fontSize: 12,
  transition: '.4s',
  zIndex: 9999
- }} ref={ref} css={css`
- &:hover {
- background: rgba(255, 105, 180, .6) !important;
- color: white !important;
- backdrop-filter: blur(4px);
- }
- `}>
- {info.width} x {info.height}
+ }} ref={ref}>
+ <div className="inspect-info" style={{
+ color: 'white',
+ background: 'red',
+ padding: 8,
+ borderRadius: 4,
+ }}>
+ {info.width} x {info.height}
+ </div>
  </div>
  )
 }

diff --git a/todo.md b/todo.md
@@ -17,4 +17,9 @@
 17. zIndex
 18. fixbug - Box width={1} becomes width='100%'
 19. fixbug - Avatar random not working
-20. feature - 多行溢出
+20. feature - 多行溢出
+21. feature - Box hide scroll bar
+22. fixbug - Box size with minWidth
+23. feature - Box zoom style prop
+24. update - Inspect ui ✅
+25. fixbug - Name Media component to Meta