mirror of
https://github.com/toeverything/AFFiNE.git
synced 2024-09-11 19:47:35 +03:00
fix(component): add back lottie color hack for dark mode (#5576)
Not sure why but it seems the changes in https://github.com/toeverything/AFFiNE/pull/4953 are lost
This commit is contained in:
parent
baeb5cc732
commit
238d1ad44e
@ -1,9 +0,0 @@
|
||||
import { style } from '@vanilla-extract/css';
|
||||
|
||||
export const root = style({
|
||||
width: '1em',
|
||||
height: '1em',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
});
|
@ -2,8 +2,8 @@ import clsx from 'clsx';
|
||||
import Lottie, { type LottieRef } from 'lottie-react';
|
||||
import { useEffect, useRef } from 'react';
|
||||
|
||||
import * as styles from './collections-icon.css';
|
||||
import animationData from './collections-icon.json';
|
||||
import * as styles from './styles.css';
|
||||
|
||||
export interface CollectionsIconProps {
|
||||
closed: boolean; // eg, when collections icon is a "dragged over" state
|
||||
|
@ -1,9 +0,0 @@
|
||||
import { style } from '@vanilla-extract/css';
|
||||
|
||||
export const root = style({
|
||||
width: '1em',
|
||||
height: '1em',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
});
|
@ -2,8 +2,8 @@ import clsx from 'clsx';
|
||||
import Lottie, { type LottieRef } from 'lottie-react';
|
||||
import { useEffect, useRef } from 'react';
|
||||
|
||||
import * as styles from './delete-icon.css';
|
||||
import animationData from './delete-icon.json';
|
||||
import * as styles from './styles.css';
|
||||
|
||||
export interface DeleteIconProps {
|
||||
closed: boolean; // eg, when delete icon is a "dragged over" state
|
||||
|
19
packages/frontend/component/src/ui/lottie/styles.css.ts
Normal file
19
packages/frontend/component/src/ui/lottie/styles.css.ts
Normal file
@ -0,0 +1,19 @@
|
||||
import { globalStyle, style } from '@vanilla-extract/css';
|
||||
|
||||
export const root = style({
|
||||
width: '1em',
|
||||
height: '1em',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
});
|
||||
|
||||
const magicColor = `rgb(119,117,125)`;
|
||||
|
||||
globalStyle(`${root} path[stroke="${magicColor}"]`, {
|
||||
stroke: 'currentColor',
|
||||
});
|
||||
|
||||
globalStyle(`${root} path[fill="${magicColor}"]`, {
|
||||
fill: 'currentColor',
|
||||
});
|
@ -294,9 +294,7 @@ export const RootAppSidebar = ({
|
||||
{t['com.affine.workspaceSubPath.trash']()}
|
||||
</span>
|
||||
</RouteMenuLinkItem>
|
||||
{blockSuiteWorkspace && (
|
||||
<ImportPage blocksuiteWorkspace={blockSuiteWorkspace} />
|
||||
)}
|
||||
<ImportPage blocksuiteWorkspace={blockSuiteWorkspace} />
|
||||
</SidebarScrollableContainer>
|
||||
<SidebarContainer>
|
||||
{environment.isDesktop ? <UpdaterButton /> : <AppDownloadButton />}
|
||||
|
Loading…
Reference in New Issue
Block a user