Merge pull request #880 from getmaxun/misc-fixes

fix: misc ui fixes

Author: amhsirak

src/components/dashboard/NavBar.tsx

@@ -119,7 +119,7 @@ export const NavBar: React.FC<NavBarProps> = ({
     } catch (error: any) {
       const status = error.response?.status;
       let errorKey = 'unknown';
-  
+
       switch (status) {
         case 401:
           errorKey = 'unauthorized';
@@ -132,7 +132,7 @@ export const NavBar: React.FC<NavBarProps> = ({
             errorKey = 'network';
           }
       }
-  
+
       notify(
         'error',
         t(`navbar.notifications.errors.logout.${errorKey}`, {
@@ -163,6 +163,9 @@ export const NavBar: React.FC<NavBarProps> = ({
         onClick={toggleTheme}
         sx={{
           color: darkMode ? '#ffffff' : '#0000008A',
+          '&:hover': {
+            background: 'inherit'
+          }
         }}
       >
         {darkMode ? <LightMode /> : <DarkMode />}
@@ -253,6 +256,9 @@ export const NavBar: React.FC<NavBarProps> = ({
                     borderRadius: '5px',
                     padding: '8px',
                     marginRight: '20px',
+                    '&:hover': {
+                      background: 'inherit'
+                    }
                   }}>
                     <Update sx={{ marginRight: '5px' }} />
                     <Typography variant="body1">{t('navbar.upgrade.button')}</Typography>
@@ -332,7 +338,7 @@ export const NavBar: React.FC<NavBarProps> = ({
                                 docker-compose down
                                 <br />
                                 <br />
-                                 # Remove existing backend and frontend images
+                                # Remove existing backend and frontend images
                                 <br />
                                 docker rmi getmaxun/maxun-frontend:latest getmaxun/maxun-backend:latest
                                 <br />
@@ -367,7 +373,7 @@ export const NavBar: React.FC<NavBarProps> = ({
                     padding: '8px',
                     marginRight: '10px',
                     '&:hover': {
-                        background: 'inherit'
+                      background: 'inherit'
                     }
                   }}>
                     <AccountCircle sx={{ marginRight: '5px' }} />

src/components/run/InterpretationLog.tsx

@@ -453,7 +453,7 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
               background: `${darkMode ? '#1d1c1cff' : 'white'}`,
               color: `${darkMode ? 'white' : 'black'}`,
               padding: '10px',
-              height: "calc(100% - 140px)",
+              height: outputPreviewHeight,
               width: outputPreviewWidth,
               display: 'flex',
               flexDirection: 'column',