RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-09 10:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix layout shift

Browse Source
This commit is contained in:
SrGooglo 2024-09-13 15:08:28 +00:00
parent 62f768bbf8
commit c3b41590a8
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/app/src/layouts/components/sidebar/index.jsx
View File

@ -392,7 +392,6 @@ export default class Sidebar extends React.Component {
stiffness: 100, stiffness: 100,
damping: 20 damping: 20
}} }}
layout
> >
<div className="app_sidebar_header"> <div className="app_sidebar_header">
<div className="app_sidebar_header_logo"> <div className="app_sidebar_header_logo">

15
packages/app/src/layouts/components/sidebar/index.less
View File

@ -8,11 +8,16 @@
.app_sidebar_wrapper { .app_sidebar_wrapper {
position: sticky; position: sticky;
left: 0;
top: 0; top: 0;
left: 0;
z-index: 1000; z-index: 1000;
width: fit-content;
height: 100vh;
height: 100dvh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -20,11 +25,6 @@
gap: 10px; gap: 10px;
width: fit-content;
height: 100vh;
height: 100dvh;
padding: 10px; padding: 10px;
} }
@ -36,6 +36,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
top: 0;
left: 0;
overflow: hidden; overflow: hidden;
width: @sidebar_width; width: @sidebar_width;