awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-06 13:27:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: changed layout to absolute

Browse Source
This commit is contained in:
=
2025-07-02 01:16:50 +05:30
parent 2352bca03e
commit 3e41b359c5
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/layouts/ProjectLayout/ProjectLayout.tsx
+11 -4
View File
@@ -3,6 +3,7 @@ import { faDotCircle, faMobile, faWindowMaximize } from "@fortawesome/free-solid
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router"; import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { twMerge } from "tailwind-merge";
import { ShouldWrap } from "@app/components/utilities/ShouldWrapComponent"; import { ShouldWrap } from "@app/components/utilities/ShouldWrapComponent";
import { import {
@@ -58,8 +59,11 @@ export const ProjectLayout = () => {
return ( return (
<> <>
<div <div
className="dark hidden w-full flex-col overflow-x-hidden md:flex" className="dark relative hidden w-full flex-col overflow-x-hidden md:flex"
style={{ height: "calc(100vh - 3rem)" }} style={{
height: "calc(100vh - 3rem)",
paddingLeft: !(sidebarStyle === SidebarStyle.Expanded) ? MIN_SIDEBAR_SIZE : "0px"
}}
> >
<div className="flex flex-grow flex-col overflow-y-auto overflow-x-hidden md:flex-row"> <div className="flex flex-grow flex-col overflow-y-auto overflow-x-hidden md:flex-row">
<motion.div <motion.div
@@ -68,11 +72,14 @@ export const ProjectLayout = () => {
animate={{ x: 0 }} animate={{ x: 0 }}
exit={{ x: -150 }} exit={{ x: -150 }}
transition={{ duration: 0.2 }} transition={{ duration: 0.2 }}
style={{ width: minSidebarWidth }} style={{ width: minSidebarWidth, height: "calc(100vh - 3rem)" }}
whileHover={{ whileHover={{
width: maxSidebarWidth width: maxSidebarWidth
}} }}
className="dark group w-full overflow-hidden border-r border-mineshaft-600 bg-gradient-to-tr from-mineshaft-700 via-mineshaft-800 to-mineshaft-900 md:w-60" className={twMerge(
"dark group z-10 w-full overflow-hidden border-r border-mineshaft-600 bg-gradient-to-tr from-mineshaft-700 via-mineshaft-800 to-mineshaft-900 md:w-60",
!(sidebarStyle === SidebarStyle.Expanded) && "absolute bottom-0 left-0"
)}
> >
<nav className="items-between flex h-full flex-col justify-between"> <nav className="items-between flex h-full flex-col justify-between">
<Menu> <Menu>