Improve responsiveness and structure

2020-07-24 18:42:26 +02:00
parent 8d182a1177
commit 84a6cc4f4e
4 changed files with 79 additions and 56 deletions
@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from 'react';
-import { Box } from 'grommet';
+import React from 'react';
+import { Box, Text } from 'grommet';

-export const Header = (props: PropsWithChildren<{}>) => {
+export const Header = () => {
 	return (
 		<Box
 			as='header'
@@ -11,7 +11,15 @@ export const Header = (props: PropsWithChildren<{}>) => {
 			background='brand'
 			pad={{ left: 'medium', right: 'small', vertical: 'small' }}
 			style={{ zIndex: 1 }}
-			{...props}
-		/>
+		>
+			<Text
+				margin={{ vertical: 'small' }}
+				color='light-1'
+				size='xxlarge'
+				weight='bold'
+			>
+				Spoti Search
+			</Text>
+		</Box>
 	);
 };