talksik/nirvana-v3
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

good spot for people presence panel scaling and elevation key?

Browse Source
This commit is contained in:
talksik
2022-05-17 06:20:56 -05:00
parent 073385b521
commit 987ed4dff2
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/tree/protected/terminal/panels/MainPanel.tsx
+10 -6
View File
@@ -199,7 +199,7 @@ function LineDetails() {
> >
{/* line details */} {/* line details */}
<div <div
className="p-4 className="px-4 py-2
flex flex-row items-center gap-2 justify-end border-b-gray-200 border-b" flex flex-row items-center gap-2 justify-end border-b-gray-200 border-b"
> >
{/* {profilePictures && <LineIcon grayscale={false} sourceImages={profilePictures} />} */} {/* {profilePictures && <LineIcon grayscale={false} sourceImages={profilePictures} />} */}
@@ -264,11 +264,11 @@ function LineDetails() {
</div> </div>
{/* main canvas */} {/* main canvas */}
<div className="flex flex-row flex-1"> <div className="flex flex-row flex-1 overflow-hidden">
{/* line timeline */} {/* line timeline */}
<div <div
className="flex flex-col justify-end items-center gap-2 p-5 mx-auto className="flex flex-col justify-end items-center gap-2 p-5 mx-auto
max-w-lg w-full" max-w-lg w-full"
> >
<span className={'text-gray-300 text-sm cursor-pointer hover:underline'}>load more</span> <span className={'text-gray-300 text-sm cursor-pointer hover:underline'}>load more</span>
@@ -341,8 +341,12 @@ max-w-lg w-full"
</div> </div>
</div> </div>
<div className="max w-[250px] p-4 shadow-2xl flex flex-col"> {/* people presence panel */}
<span className="text-teal-600 text-sm flex flex-row items-center gap-2"> <div
className="w-[350px] bg-gray-100 p-4 shadow-2xl flex flex-col z-20
hover:scale-105 transition-all"
>
<span className="text-teal-600 text-sm flex flex-row items-center gap-2 mt-2">
<FiSun /> <span>Right Now</span> <FiSun /> <span>Right Now</span>
</span> </span>
@@ -364,7 +368,7 @@ max-w-lg w-full"
</div> </div>
))} ))}
<span className="text-gray-400 text-sm flex flex-row items-center gap-2"> <span className="text-gray-300 text-sm flex flex-row items-center gap-2 mt-5">
<span>Offline</span> <span>Offline</span>
</span> </span>
</div> </div>
packages/desktop/src/tree/protected/terminal/panels/SidePanel.tsx
+1 -1
View File
@@ -35,7 +35,7 @@ export default function SidePanel() {
const [searchQuery, setSearchQuery] = useState<string>(''); const [searchQuery, setSearchQuery] = useState<string>('');
return ( return (
<div className="flex flex-col w-[350px] relative group shadow-2xl bg-white z-20"> <div className="flex flex-col w-[350px] relative group shadow-xl bg-white z-20">
<NavBar /> <NavBar />
<div className="flex flex-row p-4 items-center bg-gray-100 gap-2"> <div className="flex flex-row p-4 items-center bg-gray-100 gap-2">