From 4d6f27b24af955e0693da54cbebb3d7f71b5fc16 Mon Sep 17 00:00:00 2001 From: Ayngie Date: Sat, 20 Jan 2024 11:18:18 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20changed=20background=20?= =?UTF-8?q?color=20for=20header=20and=20added=20padding?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/styles/layout/header/StyledHeader.ts | 2 +- src/components/styles/layout/header/StyledLogo.ts | 2 ++ 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/styles/layout/header/StyledHeader.ts b/src/components/styles/layout/header/StyledHeader.ts index 5316ffe..b93ecd3 100644 --- a/src/components/styles/layout/header/StyledHeader.ts +++ b/src/components/styles/layout/header/StyledHeader.ts @@ -1,7 +1,7 @@ import styled from "styled-components"; export const StyledHeader = styled.header` - background-color: white; + background-color: #FFFCFC; padding: 2%; padding-top: 5%; diff --git a/src/components/styles/layout/header/StyledLogo.ts b/src/components/styles/layout/header/StyledLogo.ts index 0f42dec..bf6d575 100644 --- a/src/components/styles/layout/header/StyledLogo.ts +++ b/src/components/styles/layout/header/StyledLogo.ts @@ -42,8 +42,10 @@ export const StyledLogoText = styled.span ` `; export const LogoWrapper = styled.div ` + padding-top: 4%; width: 60%; @media screen and (min-width: 1200px) { + padding: 1%; width: 100%; }