diff --git a/src/App.scss b/src/App.scss index 9f9d869..cfd0d6c 100644 --- a/src/App.scss +++ b/src/App.scss @@ -45,6 +45,20 @@ float: right; } +.std-accordian { + overflow: hidden; + + .MuiAccordionSummary-root { + background-color: #f3f3f3; + } + + .std-textarea { + width: 100%; + border-radius: 5px; + font-family: monospace; + } +} + .header { .logo { height: 40px; diff --git a/src/App.tsx b/src/App.tsx index e3fb7bf..fbf19eb 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -13,7 +13,7 @@ import Footer from './components/Footer'; const theme = createMuiTheme({ palette: { primary: { - main: '#00B5E2', + main: '#00a3e1', contrastText: '#ffffff', }, secondary: { diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx index 3c42541..0f91912 100644 --- a/src/components/Header/index.tsx +++ b/src/components/Header/index.tsx @@ -1,19 +1,10 @@ import React, { FunctionComponent, useRef } from 'react'; import TranslateIcon from '@material-ui/icons/Translate'; -import { - AppBar, - Box, - Button, - Menu, - MenuItem, - Checkbox, - Toolbar, - Typography, -} from '@material-ui/core'; +import { AppBar, Box, Button, Menu, MenuItem, Checkbox, Toolbar } from '@material-ui/core'; import { useTranslation } from 'react-i18next'; import { ReactSVG } from 'react-svg'; -import logo from '../../images/logo-white.svg'; +import logo from '../../images/logo.svg'; import locales from '../../locales'; import '../../App.scss'; @@ -35,9 +26,6 @@ const Header: FunctionComponent = () => { - - {t('tr-title')} -