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

fixing sizing of the team bar

Browse Source
This commit is contained in:
Arjun Patel
2022-01-23 21:58:00 -08:00
parent 394d4ad50f
commit 3928af2149
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Dashboard/TeamVoiceLine.tsx
+4 -4
View File
@@ -94,7 +94,7 @@ export default function TeamVoiceLine() {
var customSelectClasses: string = ""; var customSelectClasses: string = "";
if (tmember.id == selectedTeammate) { if (tmember.id == selectedTeammate) {
customSelectClasses = "bg-white scale-150 z-20 w-[25rem]"; customSelectClasses = "bg-white scale-100 z-20 ";
} else if (isMessageIncoming) { } else if (isMessageIncoming) {
customSelectClasses = "bg-orange-500 bg-opacity-20"; customSelectClasses = "bg-orange-500 bg-opacity-20";
} }
@@ -165,7 +165,7 @@ export default function TeamVoiceLine() {
)} )}
</Tooltip> </Tooltip>
<Tooltip title="press space to play last convo"> <Tooltip title="press space to play latest convo chunk">
<button className="ml-2 h-10 shadow-lg border-green-400 bg-opacity-80 p-2 rounded hover:bg-opacity-100"> <button className="ml-2 h-10 shadow-lg border-green-400 bg-opacity-80 p-2 rounded hover:bg-opacity-100">
<span className="text-sm text-green-500 font-bold"> <span className="text-sm text-green-500 font-bold">
SPACE SPACE
@@ -205,7 +205,7 @@ export default function TeamVoiceLine() {
} }
return ( return (
<section className="p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md w-96 shrink-0"> <section className="p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md w-96 shrink-0 max-h-[35rem]">
<span className="flex flex-row justify-start items-center pb-5"> <span className="flex flex-row justify-start items-center pb-5">
<span className="flex flex-col"> <span className="flex flex-col">
<span className="text-white">TEAM</span> <span className="text-white">TEAM</span>
@@ -233,7 +233,7 @@ export default function TeamVoiceLine() {
<PowerPlayer show={showPowerPlayer} handleCloseModal={handleCloseModal} /> <PowerPlayer show={showPowerPlayer} handleCloseModal={handleCloseModal} />
{/* list of team members */} {/* list of team members */}
<div className="flex flex-col overflow-x-visible"> <div className="flex flex-col overflow-y-auto pr-2">
{renderTeamMemberList()} {renderTeamMemberList()}
</div> </div>
</section> </section>