Header+Footer: fix copy and improve elevator btn
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|||||||
Reference in New Issue
Block a user