Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix list layout icon

Browse Source
This commit is contained in:
Jackson Harper
2023-09-07 17:42:39 +08:00
parent e94529a96c
commit e9a52738f7
2 changed files with 8 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
packages/web/components/elements/images/ListLayoutIcon.tsx
View File

@ -1,10 +1,8 @@
export type ListLayoutIconProps = {
color: string
}
export function ListLayoutIcon(props: ListLayoutIconProps): JSX.Element {
return (
<svg
width="16"
@ -13,51 +11,12 @@ export function ListLayoutIcon(props: ListLayoutIconProps): JSX.Element {
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
y="3"
width="1"
height="1"
rx="0.5"
fill={props.color}
/>
<rect
y="8"
width="1"
height="1"
rx="0.5"
fill={props.color}
/>
<rect
y="13"
width="1"
height="1"
rx="0.5"
fill={props.color}
/>
<rect
x="3"
y="3"
width="13"
height="1"
rx="0.5"
fill={props.color}
/>
<rect
x="3"
y="8"
width="13"
height="1"
rx="0.5"
fill={props.color}
/>
<rect
x="3"
y="13"
width="13"
height="1"
rx="0.5"
fill={props.color}
/>
<rect y="3" width="1" height="1" rx="0.5" fill={props.color} />
<rect y="8" width="1" height="1" rx="0.5" fill={props.color} />
<rect y="13" width="1" height="1" rx="0.5" fill={props.color} />
<rect x="3" y="3" width="13" height="1" rx="0.5" fill={props.color} />
<rect x="3" y="8" width="13" height="1" rx="0.5" fill={props.color} />
<rect x="3" y="13" width="13" height="1" rx="0.5" fill={props.color} />
</svg>
)
}

4
packages/web/components/templates/PrimaryDropdown.tsx
View File

@ -11,11 +11,11 @@ import {
DropdownSeparator,
} from '../elements/DropdownElements'
import GridLayoutIcon from '../elements/images/GridLayoutIcon'
import ListLayoutIcon from '../elements/images/ListLayoutIcon'
import { Box, HStack, VStack } from '../elements/LayoutPrimitives'
import { StyledText } from '../elements/StyledText'
import { styled, theme, ThemeId } from '../tokens/stitches.config'
import { LayoutType } from './homeFeed/HomeFeedContainer'
import { ListViewIcon } from '../elements/icons/ListViewIcon'
type PrimaryDropdownProps = {
children?: ReactNode
@ -71,7 +71,7 @@ export function PrimaryDropdown(props: PrimaryDropdownProps): JSX.Element {
break
case 'navigate-to-saved-searches':
router.push('/settings/saved-searches')
break;
break
case 'logout':
document.dispatchEvent(new Event('logout'))
break