Header+Footer: fix copy and improve elevator btn

This commit is contained in:
rektdeckard
2020-10-12 00:36:17 -04:00
parent 7513812b55
commit 173a019d31
3 changed files with 10 additions and 18 deletions

View File

@@ -56,21 +56,20 @@ footer .links {
@media screen and (max-width: 719px) { @media screen and (max-width: 719px) {
#back-to-top-button { #back-to-top-button {
position: sticky; position: fixed;
top: calc(100% - 64px); bottom: 20px;
float: right; right: 20px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 48px; width: 56px;
height: 48px; height: 56px;
padding: 0; padding: 0;
margin: 16px;
} }
#back-to-top-button img { #back-to-top-button img {
width: 24px; width: 28px;
height: 24px; height: 28px;
} }
footer .links { footer .links {

View File

@@ -26,13 +26,6 @@ const Footer: React.FC<FooterProps> = () => {
<img src={uArrowUpLeft} alt="" /> <img src={uArrowUpLeft} alt="" />
</button> </button>
<div className="outro"> <div className="outro">
{/* <img id="command" src={commandKeySpec} alt="" />
<img
id="command"
className="inspectable xray"
src={commandKey}
alt=""
/> */}
<Links /> <Links />
<p> <p>
We designed the icon library we always wanted to use. Easy to pick We designed the icon library we always wanted to use. Easy to pick
@@ -41,7 +34,7 @@ const Footer: React.FC<FooterProps> = () => {
a little quirky, too. a little quirky, too.
</p> </p>
<p> <p>
We're thankful for the open-source tools we've benefited from and We're thankful for the tools we've benefited from and
this is our small contribution towards a collaborative digital this is our small contribution towards a collaborative digital
community. community.
</p> </p>

View File

@@ -56,14 +56,14 @@ const Header: React.FC<HeaderProps> = () => {
</div> </div>
<div className="intro"> <div className="intro">
<h2> <h2>
Phosphor is a flexible icon family for interfaces, presentations   Phosphor is a flexible icon family for interfaces, diagrams, presentations  
<wbr /> <wbr />
whatever, really. whatever, really.
</h2> </h2>
<div className="button-container"> <div className="button-container">
<button className="main-button" onClick={handleGetStarted}> <button className="main-button" onClick={handleGetStarted}>
<ArrowCircleUpRight size={24} weight="fill" /> <ArrowCircleUpRight size={24} weight="fill" />
See the docs Get started
</button> </button>
<button className="main-button" onClick={handleScrollToIcons}> <button className="main-button" onClick={handleScrollToIcons}>
<ArrowCircleDown size={24} weight="fill" /> <ArrowCircleDown size={24} weight="fill" />