diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/FormListing.tsx | 2 | ||||
| -rw-r--r-- | src/components/HeaderBar/index.tsx | 11 |
2 files changed, 7 insertions, 6 deletions
diff --git a/src/components/FormListing.tsx b/src/components/FormListing.tsx index 66860da..99ba866 100644 --- a/src/components/FormListing.tsx +++ b/src/components/FormListing.tsx @@ -21,7 +21,7 @@ function FormListing(props: FormListingProps) { padding: 20px; margin-top: 20px; margin-bottom: 20px; - border-radius: 20px; + border-radius: 10px; transition: filter 100ms; &:hover { diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx index 97dbb8c..f14a504 100644 --- a/src/components/HeaderBar/index.tsx +++ b/src/components/HeaderBar/index.tsx @@ -12,8 +12,8 @@ position: absolute; width: 100%; transition: height 1s; -@media (max-width: 660px) { - height: 140px; +@media (max-width: 770px) { + height: 180px; } `; @@ -26,18 +26,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"; - @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; } `}> |