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 styles & missing z-index

Browse Source
This commit is contained in:
SrGooglo 2023-10-10 12:15:22 +00:00
parent 04a72c80b2
commit ca90786e92
3 changed files with 28 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/app/src/components/Layout/header/index.jsx
View File

@ -40,12 +40,16 @@ export default (props) => {
transform: `translateY(-${y}px)`,
}}
>
{
render?.component && React.cloneElement(
render?.component,
render?.options?.props ?? {}
)
}
<div
className="page_header"
>
{
render?.component && React.cloneElement(
render?.component,
render?.options?.props ?? {}
)
}
</div>
</div>
}}
</Motion>

25
packages/app/src/components/Layout/header/index.less
View File

@ -2,8 +2,6 @@
display: flex;
flex-direction: column;
gap: 10px;
position: sticky;
z-index: 100;
@ -13,22 +11,29 @@
width: 100%;
margin-bottom: 20px;
padding: 5px;
.page_header {
display: block;
margin: 10px 0 20px 0;
backdrop-filter: blur(10px);
padding: 5px;
background-color: rgba(var(--background-color-accent-values), 0.8);
gap: 10px;
border-radius: 12px;
border: 1px solid var(--border-color);
backdrop-filter: blur(10px);
background-color: rgba(var(--background-color-accent-values), 0.8);
overflow: hidden;
border-radius: 12px;
border: 1px solid var(--border-color);
overflow: hidden;
transition: all 150ms ease-in-out;
}
&.hidden {
opacity: 0;
height: 0;
padding: 0;
margin: 0;
margin: 10px 0;
}
}

4
packages/app/src/components/Layout/toolsBar/index.less
View File

@ -13,6 +13,8 @@
height: 100dvh;
padding: 10px;
z-index: 150;
}
.tools-bar {
@ -65,7 +67,7 @@
margin-bottom: 10px;
z-index: 50;
z-index: 150;
-webkit-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 var(--shadow-color);
-moz-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 var(--shadow-color);