antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-02 02:43:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Migrate to Mantine v8 and Design Changes (#961)

Browse source 
* mantine v8 migration

* various design changes and improvements
This commit is contained in:
Jeff 2025-06-24 00:04:36 -07:00 • committed by GitHub
parent bea55d48a8
commit c1330d92b2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
473 changed files with 12469 additions and 11607 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/renderer/layouts/default-layout/left-sidebar.tsx
View file

@ -1,18 +1,12 @@
import { useRef } from 'react';
import styled from 'styled-components';
import styles from './left-sidebar.module.css';
import { ResizeHandle } from '/@/renderer/features/shared';
import { CollapsedSidebar } from '/@/renderer/features/sidebar/components/collapsed-sidebar';
import { Sidebar } from '/@/renderer/features/sidebar/components/sidebar';
import { useSidebarStore } from '/@/renderer/store';
const SidebarContainer = styled.aside`
position: relative;
grid-area: sidebar;
background: var(--sidebar-bg);
border-right: var(--sidebar-border);
`;
interface LeftSidebarProps {
isResizing: boolean;
startResizing: (direction: 'left' | 'right') => void;
@ -23,17 +17,20 @@ export const LeftSidebar = ({ isResizing, startResizing }: LeftSidebarProps) =>
const { collapsed } = useSidebarStore();
return (
<SidebarContainer id="sidebar">
<aside
className={styles.container}
id="sidebar"
>
<ResizeHandle
$isResizing={isResizing}
$placement="right"
isResizing={isResizing}
onMouseDown={(e) => {
e.preventDefault();
startResizing('left');
}}
placement="right"
ref={sidebarRef}
/>
{collapsed ? <CollapsedSidebar /> : <Sidebar />}
</SidebarContainer>
</aside>
);
};