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

modifications to the convo view

Browse Source
This commit is contained in:
Arjun Patel
2022-02-11 17:55:55 -08:00
parent e2672052d2
commit 78bb94abc8
1 changed files with 206 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/components/MainTabsOrPages/ViewConvo.tsx
+10 -9
View File
@@ -290,10 +290,8 @@ export default function ViewConvo(props: { conversationId: string }) {
/>
<div className="flex flex-col items-stretch mt-5 space-y-10">
{/* convo name and action buttons on top */}
<div className="flex-1 flex flex-col overflow-auto">
{/* header */}
<span className="flex flex-row justify-between items-center mb-5">
<span className="flex flex-row justify-between items-center">
<span className="flex flex-col">
<span className="flex flex-row items-center group">
<span
@@ -388,14 +386,16 @@ export default function ViewConvo(props: { conversationId: string }) {
</span>
</span>
<div className="flex flex-row items-start space-x-5">
<div className="flex-1 flex flex-col overflow-auto">
{!editTldrMode ? (
<>
<span
onClick={() => setEditTldrMode(true)}
className="flex flex-row group items-center"
>
<span className="max-w-md text-md text-slate-400 uppercase cursor-pointer whitespace-pre-line">
tldr;
<span className="text-md tracking-widest font-semibold text-slate-300 uppercase mb-2">
TLDR;
</span>
<span className="p-2 ml-2 rounded-full hover:cursor-pointer hover:bg-slate-200 group-hover:visible invisible">
@@ -497,18 +497,18 @@ export default function ViewConvo(props: { conversationId: string }) {
</div>
{/* drawer items */}
<div className="flex-1 flex flex-col">
<div className="flex flex-col">
<span className="text-md tracking-widest font-semibold text-slate-300 uppercase mb-2">
Shared
</span>
{/* row of cards drawer items */}
<span className="flex flex-row items-stretch gap-5 overflow-auto w-full pb-10">
<span className="flex flex-col items-stretch overflow-auto w-full pb-10">
{testDrawerItems.map((link) => (
<span
key={link.linkName}
className="group flex flex-row items-center border rounded
p-2 hover:bg-slate-50 transition-all shrink-0 w-[15rem] bg-slate-50 text-ellipsis"
className="group flex flex-row items-center border-t
p-2 hover:bg-slate-50 transition-all shrink-0 w-[15rem] text-ellipsis"
>
{/* <span className="rounded-lg bg-slate-200 p-2 hover:cursor-pointer"></span> */}
@@ -542,6 +542,7 @@ export default function ViewConvo(props: { conversationId: string }) {
</span>
</div>
</div>
</div>
</>
);
}