zack3d/big-agi
1
0
Fork 0
mirror of https://github.com/enricoros/big-AGI.git synced 2026-05-10 21:50:14 -07:00
Code Issues Packages Projects Releases Wiki Activity

FF: Sidebar: Better Icon

Browse Source
This commit is contained in:
Enrico Ros
2024-09-15 23:59:42 -07:00
parent f5c819f576
commit d3fdd5f85a
3 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/components/icons/WindowPaneRightClose.tsx
+13
View File
@@ -0,0 +1,13 @@
// import * as React from 'react';
//
// import { SvgIcon, SvgIconProps } from '@mui/joy';
//
// export function WindowPaneRightClose(props: SvgIconProps) {
// return (
// <SvgIcon viewBox='0 0 24 24' width='24' height='24' {...props}>
// <path d='M 9 3 L 9 21 L 11 21 L 11 3 L 9 3 z M 14 6.7558594 C 13.744381 6.7558594 13.488837 6.8529596 13.292969 7.0488281 C 12.901232 7.4405645 12.901232 8.0731073 13.292969 8.4648438 L 16.830078 12 L 13.292969 15.535156 C 12.901232 15.926893 12.901232 16.557482 13.292969 16.949219 C 13.684705 17.340955 14.317249 17.340955 14.708984 16.949219 L 18.951172 12.707031 C 19.342908 12.315295 19.342908 11.684705 18.951172 11.292969 L 14.708984 7.0488281 C 14.513117 6.8529599 14.255619 6.7558594 14 6.7558594 z' />
// {/* thin <path d='M 4,2 C 2.9000033,2 2,2.9000033 2,4 v 16 c 0,1.099997 0.9000033,2 2,2 h 16 c 1.099997,0 2,-0.900003 2,-2 V 4 C 22,2.9000033 21.099997,2 20,2 Z M 3,3 H 21 V 21 H 3 Z m 9,3.7558594 c -0.255619,0 -0.511163,0.0971 -0.707031,0.2929687 -0.391737,0.3917368 -0.391737,1.0242789 0,1.4160157 L 14.830078,12 11.292969,15.535156 c -0.391737,0.391737 -0.391737,1.022326 0,1.414063 0.391737,0.391737 1.024279,0.391737 1.416015,0 l 4.242188,-4.242188 c 0.391737,-0.391737 0.391737,-1.022325 0,-1.414062 L 12.708984,7.0488281 C 12.513116,6.8529597 12.255619,6.7558594 12,6.7558594 Z' />*/}
// {/* normal <path d='M 4 2 C 2.9000033 2 2 2.9000033 2 4 L 2 20 C 2 21.099997 2.9000033 22 4 22 L 20 22 C 21.099997 22 22 21.099997 22 20 L 22 4 C 22 2.9000033 21.099997 2 20 2 L 4 2 z M 4 4 L 20 4 L 20 20 L 4 20 L 4 4 z M 12 6.7558594 C 11.744381 6.7558594 11.488837 6.8529597 11.292969 7.0488281 C 10.901232 7.4405649 10.901232 8.073107 11.292969 8.4648438 L 14.830078 12 L 11.292969 15.535156 C 10.901232 15.926893 10.901232 16.557482 11.292969 16.949219 C 11.684706 17.340956 12.317248 17.340956 12.708984 16.949219 L 16.951172 12.707031 C 17.342909 12.315294 17.342909 11.684706 16.951172 11.292969 L 12.708984 7.0488281 C 12.513116 6.8529597 12.255619 6.7558594 12 6.7558594 z ' />*/}
// </SvgIcon>
// );
// }
src/common/components/icons/WindowPaneRightOpen.tsx
+11
View File
@@ -0,0 +1,11 @@
import * as React from 'react';
import { SvgIcon, SvgIconProps } from '@mui/joy';
export function WindowPaneRightOpen(props: SvgIconProps) {
return (
<SvgIcon viewBox='0 0 24 24' width='24' height='24' {...props}>
<path d='M 4,2 C 2.9000011,2 2,2.9000011 2,4 v 16 c 0,1.099999 0.9000011,2 2,2 h 16 c 1.099999,0 2,-0.900001 2,-2 V 4 C 22,2.9000011 21.099999,2 20,2 Z m 0,2 h 7 V 20 H 4 Z m 9,0 h 7 v 16 h -7 z m 1,2 v 2 h 5 V 6 Z m 0,3 v 2 h 5 V 9 Z m 0,3 v 2 h 5 v -2 z' />
</SvgIcon>
);
}
src/common/layout/optima/bar/OptimaBar.tsx
+3 -1
View File
@@ -17,6 +17,7 @@ import { Brand } from '~/common/app.config';
import { CloseableMenu } from '~/common/components/CloseableMenu';
import { Link } from '~/common/components/Link';
import { ROUTE_INDEX } from '~/common/app.routes';
import { WindowPaneRightOpen } from '~/common/components/icons/WindowPaneRightOpen';
import { checkVisibleNav, NavItemApp } from '~/common/app.nav';
import { InvertedBar, InvertedBarCornerItem } from '../InvertedBar';
@@ -227,7 +228,8 @@ export function OptimaBar(props: { component: React.ElementType, currentApp?: Na
// transition: 'transform 0.42s',
// }}
>
{isPanelOpen ? <NavigateNextRoundedIcon /> : <MoreVertIcon />}
{isPanelOpen ? <NavigateNextRoundedIcon /> : menuToPanel ? <WindowPaneRightOpen /> : <MoreVertIcon />}
{/*{isPanelOpen ? <NavigateNextRoundedIcon /> : <WindowPaneRightOpen />}*/}
{/*{menuToPanel ? <NavigateBeforeRoundedIcon /> : <MoreVertIcon />}*/}
</IconButton>
</InvertedBarCornerItem>