diff --git a/src/scripts/components/main/icons/ubilabs-logo.tsx b/src/scripts/components/main/icons/ubilabs-logo.tsx new file mode 100644 index 000000000..757ced1cb --- /dev/null +++ b/src/scripts/components/main/icons/ubilabs-logo.tsx @@ -0,0 +1,32 @@ +import React, {FunctionComponent} from 'react'; + +export const Ubilabslogo: FunctionComponent = () => ( + +); diff --git a/src/scripts/components/main/menu/menu.styl b/src/scripts/components/main/menu/menu.styl index 05fa4d0fe..4165f788e 100644 --- a/src/scripts/components/main/menu/menu.styl +++ b/src/scripts/components/main/menu/menu.styl @@ -72,9 +72,33 @@ color: $textDefault font-size: 10px +.credits + position: absolute + bottom: emCalc(20px) + left: emCalc(32px) + color: $textDefault + font-size: 10px + + svg + height: emCalc(30px) + fill: $textDefault + + &:hover + fill: $textColor + +.creditsText + margin: emCalc(5px) + font-size: 10px + @media screen and (max-width: 480px) .menuContainer width: 100% .menuList:first-child display: none + + .logo + bottom: emCalc(48px) + + .credits + display: flex diff --git a/src/scripts/components/main/menu/menu.tsx b/src/scripts/components/main/menu/menu.tsx index 3f1bef830..eb1dc8eed 100644 --- a/src/scripts/components/main/menu/menu.tsx +++ b/src/scripts/components/main/menu/menu.tsx @@ -14,6 +14,7 @@ import {WindowsIcon} from '../icons/windows-icon'; import {LinuxIcon} from '../icons/linux-icon'; import {AppleIcon} from '../icons/apple-icon'; import config from '../../../config/main'; +import {Ubilabslogo} from '../icons/ubilabs-logo'; import styles from './menu.styl'; @@ -134,6 +135,10 @@ const Menu: FunctionComponent = () => { )} +
Made by
+