prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

effected review corrections

Browse source
This commit is contained in:
gitstart-omnivore 2022-03-24 23:10:31 +00:00
parent 1acaf40a4d
commit 0e4a1fcefd
3 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/web/components/patterns/LinkedItemCard.tsx
View file

@ -88,7 +88,6 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
onClick={() => {
props.handleAction('showDetail')
}}
className="grid-item-card"
>
<Box css={{
position: 'absolute',
@ -183,6 +182,7 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
m: 0,
py: '0px',
mr: '$2',
maxWidth:'50%',
fontStyle: 'normal',
fontWeight: '400',
fontSize: '14px',
@ -197,23 +197,22 @@ export function GridLinkedItemCard(props: LinkedItemCardProps): JSX.Element {
>
{props.item.description}
</StyledText>
{/* {props.item.image && ( */}
{props.item.image && (
<CoverImage
// src={props.item.image}
src={"https://www.industrialempathy.com/img/remote/ZiClJf-1920w.jpg"}
src={props.item.image}
alt="Link Preview Image"
width={135}
height={90}
css={{ ml: '10px', mb: '8px', borderRadius: '3px' }}
onError={(e) => {
// (e.target as HTMLElement).style.display = 'none'
(e.target as HTMLElement).style.display = 'none'
}}
/>
{/* )} */}
)}
</HStack>
<HStack css={{ mt: '8px' }}>
{
Labels.map(({text, color}, index) => <Label key={index} text={text} color={color} />)
props.item.labels?.map(({description, color}, index) => <Label key={index} text={description || ''} color={color} />)
}
</HStack>
</VStack>

7
packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
View file

@ -1,7 +1,6 @@
import { Box, HStack, VStack } from './../../elements/LayoutPrimitives'
import { useGetLibraryItemsQuery } from '../../../lib/networking/queries/useGetLibraryItemsQuery'
import { useGetViewerQuery } from '../../../lib/networking/queries/useGetViewerQuery'
import { isDarkTheme } from '../../../lib/themeUpdater'
import type {
LibraryItem,
LibraryItemsQueryInput,
@ -572,12 +571,12 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
},
'&:focus': {
'> div': {
boxShadow: isDarkTheme() ? '$cardItemDarkShadow' : '$cardItemLightShadow',
boxShadow: layout === 'LIST_LAYOUT' ? 'none' : '$cardItemShadow',
}
},
'&:hover': {
'> div.grid-item-card': {
boxShadow: isDarkTheme() ? '$cardItemDarkShadow' : '$cardItemLightShadow',
'> div': {
boxShadow: layout === 'LIST_LAYOUT' ? 'none' : '$cardItemShadow',
}
},
}}

6
packages/web/components/tokens/stitches.config.ts
View file

@ -111,8 +111,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
borderStyles: {},
shadows: {
panelShadow: '0px 4px 18px rgba(120, 123, 134, 0.12)',
cardItemLightShadow: '0px 8px 32px rgba(32, 31, 29, 0.33)',
cardItemDarkShadow: '0px 8px 32px rgba(255, 255, 255, 0.33)',
cardItemShadow: '0px 8px 32px rgba(32, 31, 29, 0.33)',
},
zIndices: {},
transitions: {},
@ -213,6 +212,9 @@ const darkThemeSpec = {
avatarBg: '#000000',
avatarFont: 'rgba(255, 255, 255, 0.8)',
},
shadows: {
cardItemShadow: '0px 8px 32px rgba(255, 255, 255, 0.33)',
},
}
// Dark and Darker theme now match each other.