tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Rework user dropdown, redo mobile navigation, improve 'home' page (#342)

Browse Source 
* Merge

* Mobile Navigation + home page fixes

* Remove debug line

* Fix "More" menu text
This commit is contained in:
Prospector
2022-01-17 20:49:10 -08:00
committed by GitHub
parent ff48f08241
commit 1345f996da
5 changed files with 470 additions and 358 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
pages/index.vue
View File

@@ -60,18 +60,26 @@ export default {
.cover {
img {
border-radius: var(--size-rounded-lg);
border-radius: var(--size-rounded-card);
width: 100%;
height: calc(75vh - var(--size-navbar-height));
object-fit: cover;
object-position: 10% 12.5%;
@media screen and (max-width: 1280px) {
border-radius: 0;
}
@media screen and (max-width: 750px) {
height: calc(75vh);
}
}
.text {
position: absolute;
top: calc(10vh + var(--size-navbar-height));
width: 30rem;
//max-width: 25%;
max-width: 30rem;
text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
padding-left: 6rem;
color: #fff;
@@ -97,12 +105,23 @@ export default {
form {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0.25rem;
box-sizing: border-box;
input {
box-sizing: content-box;
}
.iconified-button {
margin-left: 0.25rem;
padding: 1.25rem 1rem;
}
}
@media screen and (max-width: 750px) {
padding-left: 3rem;
max-width: 55%;
}
}
}
}