tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

📱 Better mobile compatibility for Homepage

This commit is contained in:
Alicia Sykes 2021-08-30 19:39:56 +01:00
parent b230561d5a
commit 895f8b9780
3 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/styles/Button.scss
View File

@ -18,6 +18,9 @@
margin: 0.5rem; margin: 0.5rem;
color: var(--black); color: var(--black);
display: flex; display: flex;
@media (max-width: 966px) {
width: 80%;
}
svg { svg {
width: 1.8rem; width: 1.8rem;

8
src/styles/Header.module.scss
View File

@ -20,9 +20,15 @@ header.heroBanner {
font-size: 8rem; font-size: 8rem;
font-family: 'Racing Sans One', cursive; font-family: 'Racing Sans One', cursive;
text-shadow: var(--heading-shadow); text-shadow: var(--heading-shadow);
@media (max-width: 966px) {
font-size: 6rem;
}
} }
h3.heroSubTitle { h3.heroSubTitle {
text-shadow: var(--sub-heading-shadow); text-shadow: var(--sub-heading-shadow);
@media (max-width: 966px) {
font-size: 1.5rem;
}
} }
img.starButton { img.starButton {
position: absolute; position: absolute;
@ -75,8 +81,10 @@ header.heroBanner {
margin: 0 1rem; margin: 0 1rem;
font-size: 1.2rem; font-size: 1.2rem;
font-weight: bold; font-weight: bold;
color: var(--text-color);
} }
.scrollDownIcon { .scrollDownIcon {
width: 2rem; width: 2rem;
path { fill: var(--text-color); }
} }

8
src/styles/HomePageFeatures.scss
View File

@ -83,5 +83,13 @@ html[data-theme='light'] { /* Dark Theme */
margin: 0 0.5rem; margin: 0 0.5rem;
} }
} }
&.align-left, &.align-right {
@media (max-width: 966px) {
flex-direction: column;
.feature-half {
width: 95%;
}
}
}
} }
} }