Merge pull request #501 from mynaparrot/whiteboard_issues

whiteboard presenter switch issue fix
mynaparrot · Aug 20, 2023 · 36510b2 · 36510b2
2 parents 4d5980b + ec2515c
commit 36510b2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/src/components/whiteboard/footerUI.tsx b/src/components/whiteboard/footerUI.tsx
@@ -199,13 +199,17 @@ const FooterUI = ({ excalidrawAPI, isPresenter }: IFooterUIProps) => {
 
   const renderForParticipant = () => {
     return (
-      <div className="flex text-sm items-center justify-center relative pl-3">
+      <div
+        className={`flex text-sm items-center justify-start md:justify-center relative ${
+          isAdmin && !isRecorder ? 'pl-3 md:pl-12' : 'pl-3'
+        } `}
+      >
         {isAdmin && !isRecorder ? (
           <button
-            className="w-10 h-8 flex items-center justify-center absolute left-0 top-[3px]"
+            className="w-8 h-8 rounded-lg border border-solid border-[#3d3d3d] text-[#3d3d3d] dark:text-[#b8b8b8] dark:bg-[#262627] dark:hover:bg-[#3d3d3d] hover:bg-[#3d3d3d] hover:text-[#b8b8b8] flex items-center justify-center absolute right-4 md:left-2 top-1/2 -translate-y-1/2"
             onClick={takeOverPresenter}
           >
-            <i className="pnm-presenter primaryColor text-[14px] opacity-50" />
+            <i className="pnm-presenter text-[14px]" />
           </button>
         ) : null}
         {t('whiteboard.page', { count: currentPage })}

diff --git a/src/components/whiteboard/manageFiles.tsx b/src/components/whiteboard/manageFiles.tsx
@@ -96,19 +96,19 @@ const ManageFiles = ({ excalidrawAPI }: IManageFilesProps) => {
     return (
       <>
         <button
-          className="h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-md bg-[#F2F2F2] dark:bg-[#363636] hover:bg-[#ECF4FF] flex items-center justify-center cursor-pointer"
+          className="h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-lg border border-solid border-[#3d3d3d] text-[#3d3d3d] dark:text-[#b8b8b8] dark:bg-[#262627] dark:hover:bg-[#3d3d3d] hover:bg-[#3d3d3d] hover:text-[#b8b8b8] font-semibold flex items-center justify-center cursor-pointer"
           onClick={() => openFileBrowser('image')}
         >
-          <i className="pnm-blank-img primaryColor dark:text-secondaryColor hover:secondaryColor text-[14px] opacity-50 mr-1" />
+          <i className="pnm-blank-img text-[14px] mr-1" />
           {t('whiteboard.upload-image')}
         </button>
         <div className="menu relative z-10">
           <Menu>
             {({ open }) => (
               <>
-                <Menu.Button className="manage-icon h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-md bg-[#F2F2F2] dark:bg-[#363636] hover:bg-[#ECF4FF] flex items-center justify-center cursor-pointer">
+                <Menu.Button className="manage-icon h-[30px] lg:h-[32px] max-w text-xs !px-2 rounded-lg border border-solid border-[#3d3d3d] text-[#3d3d3d] dark:text-[#b8b8b8] dark:bg-[#262627] dark:hover:bg-[#3d3d3d] hover:bg-[#3d3d3d] hover:text-[#b8b8b8] font-semibold flex items-center justify-center cursor-pointer">
                   <>
-                    <i className="pnm-attachment primaryColor dark:text-secondaryColor hover:secondaryColor text-[14px] opacity-50 mr-1" />
+                    <i className="pnm-attachment text-[14px] mr-1" />
                     {t('whiteboard.manage-files')}
                   </>
                 </Menu.Button>