awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-18 19:39:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: updated lotties for the products

Browse Source
This commit is contained in:
=
2025-07-02 01:16:50 +05:30
parent fa7318eeb1
commit 74067751a6
12 changed files with 932 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/layouts/OrganizationLayout/components/NavBar/Navbar.tsx
+4 -5
View File
@@ -1,6 +1,6 @@
import { useState } from "react";
import { faGithub, faSlack } from "@fortawesome/free-brands-svg-icons";
import { faCircleQuestion } from "@fortawesome/free-regular-svg-icons";
import { faCircleQuestion, faUserCircle } from "@fortawesome/free-regular-svg-icons";
import {
faArrowUpRightFromSquare,
faBook,
@@ -28,7 +28,6 @@ import {
DropdownMenuItem,
DropdownMenuTrigger,
IconButton,
Lottie,
Modal,
ModalContent,
TBreadcrumbFormat
@@ -252,8 +251,8 @@ export const Navbar = () => {
onMouseEnter={() => setOpenSupport(true)}
onMouseLeave={() => setOpenSupport(false)}
>
<div>
<FontAwesomeIcon icon={faCircleQuestion} size="xl" className="text-white" />
<div className="mr-2">
<FontAwesomeIcon icon={faCircleQuestion} size="lg" className="text-mineshaft-200" />
</div>
</DropdownMenuTrigger>
<DropdownMenuContent
@@ -311,7 +310,7 @@ export const Navbar = () => {
onMouseLeave={() => setOpenUser(false)}
>
<div>
<Lottie icon="user" className="w-14" />
<FontAwesomeIcon icon={faUserCircle} size="lg" className="text-mineshaft-200" />
</div>
</DropdownMenuTrigger>
<DropdownMenuContent
frontend/src/layouts/ProjectLayout/ProjectLayout.tsx
+3 -22
View File
@@ -1,5 +1,5 @@
import { useTranslation } from "react-i18next";
import { faDotCircle, faHome, faMobile, faWindowMaximize } from "@fortawesome/free-solid-svg-icons";
import { faDotCircle, faMobile, faWindowMaximize } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { Link, Outlet, useLocation } from "@tanstack/react-router";
import { motion } from "framer-motion";
@@ -89,9 +89,7 @@ export const ProjectLayout = () => {
<MenuItem
className="relative flex items-center gap-2 overflow-hidden"
isSelected={isSecretManager}
leftIcon={
<Lottie className="inline-block h-6 w-6 shrink-0" icon="sliding-carousel" />
}
leftIcon={<Lottie className="inline-block h-6 w-6 shrink-0" icon="vault" />}
>
{isSecretManager && (
<div className="absolute left-0 top-0 h-full w-0.5 bg-primary" />
@@ -154,7 +152,7 @@ export const ProjectLayout = () => {
className="relative flex items-center gap-2 overflow-hidden"
isSelected={isSsh}
leftIcon={
<Lottie className="inline-block h-6 w-6 shrink-0" icon="verified" />
<Lottie className="inline-block h-6 w-6 shrink-0" icon="terminal" />
}
>
{isSsh && <div className="absolute left-0 top-0 h-full w-0.5 bg-primary" />}
@@ -244,23 +242,6 @@ export const ProjectLayout = () => {
</Menu>
<div className="flex-grow" />
<Menu>
<ShouldWrap
wrapper={Tooltip}
isWrapped={sidebarStyle === SidebarStyle.Collapsed}
content="Organization Home"
position="right"
>
<Link to="/organization/projects">
<MenuItem
className="relative flex items-center gap-2 overflow-hidden text-sm text-mineshaft-400 hover:text-mineshaft-300"
leftIcon={
<FontAwesomeIcon className="mx-1 inline-block shrink-0" icon={faHome} />
}
>
Organization
</MenuItem>
</Link>
</ShouldWrap>
<DropdownMenu>
<ShouldWrap
wrapper={Tooltip}