diff options
| author |  Joe Banks <[email protected]> | 2020-09-28 21:05:59 +0100 |
|---|---|---|
| committer |  GitHub <[email protected]> | 2020-09-28 21:05:59 +0100 |
| commit | 3d4ca61a96bef886eb26bcdb914b331880e28637 (patch) | |
| tree | c0c7ad163af36ddc221d5ed3fbaecb75ee98ea27 /src/components/HeaderBar | |
| parent | Merge pull request #8 from python-discord/dev/remove-duplicate-console-log (diff) | |
| parent | Change landing page structure to be centered (diff) | |
Merge pull request #9 from python-discord/design/font-changes
Header and form list styling changes
Diffstat (limited to 'src/components/HeaderBar')
| -rw-r--r-- | src/components/HeaderBar/header_2.svg | 2 | ||||
| -rw-r--r-- | src/components/HeaderBar/index.tsx | 13 |
2 files changed, 10 insertions, 5 deletions
diff --git a/src/components/HeaderBar/header_2.svg b/src/components/HeaderBar/header_2.svg index 692cc7c..e17b3e6 100644 --- a/src/components/HeaderBar/header_2.svg +++ b/src/components/HeaderBar/header_2.svg @@ -1,3 +1,3 @@ <svg width="1440" height="293" viewBox="0 0 1440 293" fill="none" id="header_2" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"> -<path opacity="0.49063" d="M1447.27 -6.18774V132.565C1428.83 231.124 1378.94 292.543 1114.48 292.543C775.159 292.543 477.003 5.74973 -6.39087 232.513V-6.18713L1447.27 -6.18774Z" fill="#687AE3"/> +<path opacity="1" d="M1447.27 -6.18774V132.565C1428.83 231.124 1378.94 292.543 1114.48 292.543C775.159 292.543 477.003 5.74973 -6.39087 232.513V-6.18713L1447.27 -6.18774Z" fill="#7289DA"/> </svg> diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx index 97dbb8c..0569e3d 100644 --- a/src/components/HeaderBar/index.tsx +++ b/src/components/HeaderBar/index.tsx @@ -12,7 +12,11 @@ position: absolute; width: 100%; transition: height 1s; -@media (max-width: 660px) { +@media (max-width: 770px) { + height: 180px; +} + +@media (max-width: 580px) { height: 140px; } `; @@ -26,18 +30,19 @@ function HeaderBar() { <h1 css={css` font-size: 4em; margin: 0; - margin-top: 10px; + margin-top: 30px; margin-left: 30px; margin-bottom: 200px; transition-property: font-size, margin-bottom; transition-duration: 1s; + font-family: "Uni Sans", "Hind", "Arial", sans-serif; - @media (max-width: 660px) { + @media (max-width: 770px) { margin-bottom: 100px; font-size: 3em; } - @media (max-width: 510px) { + @media (max-width: 580px) { font-size: 2em; } `}> |
