Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-09-22 03:33:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update editor mode switch icons (#3526)

Browse Source
This commit is contained in:
Garfield Lee
2023-08-02 10:08:45 -07:00
committed by GitHub
parent 4386894e8a
commit 28a496bc67
4 changed files with 2766 additions and 969 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/animation-data/edgeless-hover.json
+804 -554
View File
File diff suppressed because it is too large Load Diff
apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/animation-data/page-hover.json
+1958 -411
View File
File diff suppressed because it is too large Load Diff
apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/style.ts
+1 -1
View File
@@ -54,7 +54,7 @@ export const StyledSwitchItem = styled('button')<{
zIndex: 2, zIndex: 2,
fontSize: '20px', fontSize: '20px',
path: { path: {
fill: 'currentColor', stroke: 'currentColor',
}, },
}; };
}); });
apps/core/src/components/blocksuite/workspace-header/editor-mode-switch/switch-items.tsx
+3 -3
View File
@@ -35,7 +35,7 @@ const HoverAnimateController = ({
> >
{cloneElement(children, { {cloneElement(children, {
isStopped: !startAnimate, isStopped: !startAnimate,
speed: 5, speed: 1,
width: 20, width: 20,
height: 20, height: 20,
})} })}
@@ -50,7 +50,7 @@ export const PageSwitchItem = (
<HoverAnimateController {...props}> <HoverAnimateController {...props}>
<InternalLottie <InternalLottie
options={{ options={{
loop: false, loop: true,
autoplay: false, autoplay: false,
animationData: require('./animation-data/page-hover.json'), animationData: require('./animation-data/page-hover.json'),
rendererSettings: { rendererSettings: {
@@ -69,7 +69,7 @@ export const EdgelessSwitchItem = (
<HoverAnimateController {...props}> <HoverAnimateController {...props}>
<InternalLottie <InternalLottie
options={{ options={{
loop: false, loop: true,
autoplay: false, autoplay: false,
animationData: require('./animation-data/edgeless-hover.json'), animationData: require('./animation-data/edgeless-hover.json'),
rendererSettings: { rendererSettings: {