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

fixing text color for different themes

Browse source
This commit is contained in:
Rupin Khandelwal 2022-11-11 10:18:53 -03:00
parent 9dfa628d71
commit 857fd59199
2 changed files with 12 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import { Box, HStack, VStack } from './../../elements/LayoutPrimitives'
import { Box, HStack, SpanBox, VStack } from './../../elements/LayoutPrimitives'
import Dropzone from 'react-dropzone'
import type {
LibraryItem,
@ -828,7 +828,9 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
>
{({ getRootProps, getInputProps, acceptedFiles, fileRejections }) => (
<div {...getRootProps({ className: 'dropzone' })}>
<p>Drag n drop files anywhere below</p>
<Box css={{ color: '$utilityTextDefault', marginTop: '$1'}}>
Drag n drop files anywhere below
</Box>
<input {...getInputProps()} />
{!props.isValidating && props.items.length == 0 ? (
<EmptyLibrary
@ -940,7 +942,6 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
)}
</Dropzone>
</VStack>
{/* Temporary code */}
<div>
<strong>Files:</strong>
@ -949,8 +950,8 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
<li key={fileName}>{fileName}</li>
))}
</ul>
</div> {/* Temporary code */}
</div>{' '}
{/* Temporary code */}
{props.showAddLinkModal && (
<AddLinkModal onOpenChange={() => props.setShowAddLinkModal(false)} />
)}

11
packages/web/components/templates/library/LibraryList.tsx
View file

@ -54,10 +54,12 @@ export function LibraryList(props: LibraryListProps): JSX.Element {
return (
<Box css={{ overflowY: 'scroll' }}>
<Dropzone onDrop={handleDrop} preventDropOnDocument={true} noClick={true} >
<Dropzone onDrop={handleDrop} preventDropOnDocument={true} noClick={true}>
{({ getRootProps, getInputProps, acceptedFiles, fileRejections }) => (
<div {...getRootProps({ className: 'dropzone' })}>
<p>Drag n drop files anywhere below</p>
<Box css={{ color: '$utilityTextDefault', marginTop: '$1'}}>
Drag n drop files anywhere below
</Box>
<input {...getInputProps()} />
<Masonry
@ -113,7 +115,6 @@ export function LibraryList(props: LibraryListProps): JSX.Element {
</div>
)}
</Dropzone>
{/* Temporary code */}
<div>
<strong>Files:</strong>
@ -122,8 +123,8 @@ export function LibraryList(props: LibraryListProps): JSX.Element {
<li key={fileName}>{fileName}</li>
))}
</ul>
</div> {/* Temporary code */}
</div>{' '}
{/* Temporary code */}
{/* Extra padding at bottom to give space for scrolling */}
<Box css={{ width: '100%', height: '200px' }} />
</Box>