Merge pull request #16 from Brahmware:add-koel-container

Update: Live Icon size fixed
Brahmware · Sep 17, 2023 · 26c955b · 26c955b
2 parents 9f8a5dc + f441ba7
commit 26c955b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/src/components/navigation/NavBar/ShowLive/index.tsx b/src/components/navigation/NavBar/ShowLive/index.tsx
@@ -73,8 +73,14 @@ const ShowLive: React.FC<ContainedButtonProps> = ({ ...props }) => {
       {...props}
       color='error'
     >
-      {showCamera ? <FilmCameraIcon /> : 'Live'}
-      <AliveComponent />
+      {
+        showCamera ?
+          <FilmCameraIcon /> :
+          <>
+            Live
+            <AliveComponent />
+          </>
+      }
     </ContainedButton>
   )
 };
@@ -86,11 +92,10 @@ export default styled(ShowLive)(({ theme }) => ({
   paddingBottom: theme.Spaces.xs,
   letterSpacing: '0.1em',
   minWidth: '100px',
-  
+
   '@media (max-width: 470px)': {
-    minWidth: '70px',
-    paddingLeft: theme.Spaces.xs,
-    paddingRight: theme.Spaces.sm,
+    minWidth: 'unset',
+    padding: theme.Spaces.xs,
   },
 
   '&:hover': {

diff --git a/src/icons/utility/FilmCameraIcon.tsx b/src/icons/utility/FilmCameraIcon.tsx
@@ -27,7 +27,7 @@ export default styled(FilmCameraIcon)(({ theme }) => ({
   },
   height: '1rem',
   width: '1rem',
-  transform: 'scale(1.5)',
+  transform: 'scale(1.33)',
 
   '& .right-roll, & .left-roll': {
     transformOrigin: 'center',