docs: use zeit-icons instead of svg icons

This commit is contained in:
unix
2020-04-27 16:13:29 +08:00
parent 51d0f57a24
commit 2cf5dd9572
17 changed files with 48 additions and 692 deletions

View File

@@ -1,6 +1,6 @@
import React from 'react'
import { Button, useTheme } from 'components'
import ToggleIcon from '../icons/toggle'
import SlidersIcon from '@zeit-ui/react-icons/sliders'
interface Props {
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void
@@ -15,7 +15,7 @@ const TabbarMobile:React.FC<Props> = ({ onClick }) => {
return (
<div className="tabbar">
<Button className="toggle" auto type="abort" onClick={handler}>
<ToggleIcon color={theme.palette.accents_7} />
<SlidersIcon size={16} />
</Button>
<span>ZEIT-UI React</span>
<style jsx>{`
@@ -42,6 +42,7 @@ const TabbarMobile:React.FC<Props> = ({ onClick }) => {
display: inline-flex;
justify-content: center;
align-items: center;
color: ${theme.palette.accents_6};
}
span {