Hide tree logo (#467)

* unrelated: fix close button position and other undefined style

* resolve #383 - main menu will be always open on bigger screen

src/components/PageLayout/MenuMain/MenuMain.tsx

@@ -102,7 +102,13 @@ export const MenuMain: FC = () => {
           <CloseButton
             size={iconSize}
             onClick={toggleMenu}
-            sx={{position: 'absolute', top: 24, left: {xs: undefined, md: 24}, right: {xs: 24, md: undefined}}}
+            sx={{
+              position: 'absolute',
+              top: 24,
+              left: {xs: 'auto', md: 24},
+              right: {xs: 24, md: 'auto'},
+              display: {xs: 'block', md: 'none'},
+            }}
           />
           {menuItemsIsLoading && (
             <Box sx={{position: 'absolute', top: '50%', left: 0, right: 0, color: 'white'}}>

src/components/PageLayout/StromLogo/StromLogo.tsx

@@ -1,15 +1,31 @@
-import {FC, MouseEvent} from 'react'
-
-import styles from './StromLogo.module.scss'
-
-const handleClick = (e: MouseEvent<HTMLElement>) => {
-  console.log('Clicked')
-}
+import {Box} from '@mui/material'
+import {FC} from 'react'
 
 export const StromLogo: FC = () => {
   return (
-    <div className={styles.container}>
-      <div className={styles.tree} onClick={handleClick} />
-    </div>
+    <Box
+      sx={{
+        position: 'fixed',
+        // tieto cisla su take dost ad-hoc, ale aj tak ten strom nebude vidno
+        top: {md: '204px', lg: '186px', xl: '222px'},
+        left: 0,
+        bottom: 0,
+        width: '25%',
+        paddingTop: 2,
+        zIndex: -1,
+      }}
+    >
+      <Box
+        sx={{
+          height: '100%',
+          width: '100%',
+          backgroundColor: 'black',
+          // toto je stary tomaskov stromcek
+          // clip-path: 'polygon(100% 0%, 100% 100%, 45% 100%, 96% 63%, 55% 63%, 96% 30%, 65% 30%)'
+          // toto je novy stromcek od Matusa Libaka
+          clipPath: 'polygon(100% 0, 100% 100%, 90% 100%, 90% 80%, 35% 80%, 90% 35%, 56% 35%)',
+        }}
+      />
+    </Box>
   )
 }

src/components/Results/Results.tsx

@@ -35,20 +35,20 @@ export const Results: FC = () => {
   }, [setBannerMessages, isBannerLoading, bannerMessages])
 
   return (
-    <div>
+    <>
       {resultsIsLoading && <Loading />}
       <Box
         sx={{
           display: 'grid',
           rowGap: {xs: '6px', sm: '10px'},
-          mx: {xs: 1, sm: 3, md: undefined},
+          mx: {xs: 1, sm: 3, md: 'auto'},
           gridTemplateColumns: 'max-content 1fr repeat(3, max-content)',
         }}
       >
         {results.map((result, index) => (
           <ResultsRow result={result} key={index} />
         ))}
       </Box>
-    </div>
+    </>
   )
 }