tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-27 07:34:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

🍻 Things and stuff

Browse Source
This commit is contained in:
Alicia Sykes 2021-06-30 21:43:55 +01:00
parent 361872cce6
commit 07cf29719c
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/HomepageFeatures.js
View File

@ -69,13 +69,13 @@ function Feature({ title, description, icon, index }) {
const color = getColor(index) const color = getColor(index)
return ( return (
<div className={`feature align-${side} color-${color}`}> <div className={`feature align-${side} color-${color}`}>
<div className="feature-half"> <div className="feature-half text">
<div className="feature-title">{icon}<h3>{title}</h3></div> <div className="feature-title">{icon}<h3>{title}</h3></div>
<p>{description}</p> <p>{description}</p>
<Button to="/docs" color={color}>{icon} Docs</Button> <Button to="/docs" color={color}>{icon} Docs</Button>
</div> </div>
<div className="feature-half"> <div className="feature-half assets">
<p>Static Asset will go here</p> <div class="screenshot"></div>
</div> </div>
</div> </div>
); );

9
src/styles/HomePageFeatures.scss
View File

@ -18,8 +18,15 @@
&.color-white { --feature-color: white; } &.color-white { --feature-color: white; }
.feature-half { .feature-half {
width: 50%; width: 50%;
&.assets {
background: var(--feature-color);
.screenshot {
background: black;
width: 80%;
height: 80%;
}
}
} }
border-bottom: 5px solid var(--feature-color);
.feature-title { .feature-title {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;