Lissy93/dashy
1
1
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2024-12-23 00:41:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

🍻 Working on the Features componwent

Browse Source
This commit is contained in:
Alicia Sykes 2021-07-01 21:52:19 +01:00
parent 609b06306c
commit 6036503e15
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/HomepageFeatures.js
View File

@ -190,7 +190,10 @@ function Feature({ title, description, icon, index }) {
<div className="feature-half text">
<div className="feature-title">{icon}<h3>{title}</h3></div>
<p>{description}</p>
<Button to="/docs" color={color}>{icon} Docs</Button>
<div className="read-the-docs">
<small>Learn more in the Docs</small>
<Button to="/docs" color={color}>{icon} Docs</Button>
</div>
</div>
<div className="feature-half assets">
<div className="screenshot"></div>

12
src/styles/HomePageFeatures.scss
View File

@ -26,6 +26,7 @@
width: 40%;
padding: 1rem;
&.assets {
visibility: hidden; //temp
background: var(--feature-color);
display: flex;
align-items: center;
@ -46,6 +47,7 @@
display: flex;
align-items: flex-end;
margin: 1rem 0;
color: var(--feature-color);
svg {
margin-right: 0.5rem;
width: 2rem;
@ -54,9 +56,15 @@
margin: 0;
}
}
a.button-link-wrapper {
div.read-the-docs {
float: right;
margin: 0 1rem 1rem;
a.button-link-wrapper {
margin: 0 1rem 1rem;
}
small {
opacity: 0.75;
margin: 0 0.5rem;
}
}
}
}