You've already forked AstralRinth
forked from didirus/AstralRinth
[WIP] Rework design (#34)
* WIP: Redesign the default layout * Merge old & new default layouts * Fix login logic; add proper user controls dropdown * Fix latest version listing (#31) (#32) Co-authored-by: Aeledfyr <45501007+Aeledfyr@users.noreply.github.com> * First pass of design cleanup * Improve ad integration and fix light theme * Begin splitting up variables, change some styling to new mockup * Continue redesign progress * Work on some more pages * Add missing dark theme variables for text * Continue working on modularizing * Continue progress, redo pagination * Fix auth buttons in navbar layout * Continue progress * Continue progress more * Redo ModResult * Scope ModPage :irritater: * Continue Dashboard * Continue progress on Dashboard and cleanup * Add missing variables for dark theme * Small tweaks, cleanup, and continue mod page progress * Fix user not being able to see hidden mods that they own * Start reworking mod creation * Continue revamp of mod creation page * Yank v-html out * Hotfix markdown rendering and some spacing issues * Move legal; continue with mod creation; create reusable footer * Create README.md * Update README.md * Update README.md * Add in basic usage instructions * Fix some stuff * Continue with mod creation; fix some CSS errors * Start user page * Start transition to vue-select; fix a few bugs * Continue mod creation page * Finish mod pages * Add very raw version editing * Mod editing + creation * Fixed versions that were in processing causing a 404 (#39) Co-authored-by: Mikhail Oleynikov <falseresync@gmail.com> Co-authored-by: Aeledfyr <45501007+Aeledfyr@users.noreply.github.com> Co-authored-by: Jai A <jai.a@tuta.io> Co-authored-by: MulverineX <mulverin3@gmail.com> Co-authored-by: diabolical17 <calumproh28@gmail.com> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
This commit is contained in:
Prospector
File diff suppressed because it is too large
Load Diff
@@ -10,10 +10,19 @@
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ['error'],
|
||||
props: {
|
||||
error: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {
|
||||
message: 'Unknown error',
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
layout: 'home',
|
||||
created() {
|
||||
console.log(this.error)
|
||||
// console.log(this.error)
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
144
layouts/home.vue
144
layouts/home.vue
@@ -1,144 +0,0 @@
|
||||
<template>
|
||||
<div>
|
||||
<header class="columns">
|
||||
<nuxt-link to="/">
|
||||
<img class="logo" src="~/assets/images/logo.svg" alt="logo" />
|
||||
</nuxt-link>
|
||||
<div class="links">
|
||||
<nuxt-link to="/">Home</nuxt-link>
|
||||
<nuxt-link to="/mods">Mods</nuxt-link>
|
||||
<nuxt-link to="/modpacks">Packs</nuxt-link>
|
||||
<nuxt-link to="/about">About</nuxt-link>
|
||||
<a href="https://discord.gg/gFRbNQ2">Discord</a>
|
||||
</div>
|
||||
</header>
|
||||
<nuxt />
|
||||
<footer>
|
||||
<div class="logo-wrapper columns">
|
||||
<img class="logo" src="~/assets/images/logo.svg" alt="logo" />
|
||||
<p class="name">modrinth</p>
|
||||
</div>
|
||||
<p class="copyright">© Guavy LLC</p>
|
||||
<div class="column">
|
||||
<h4 class="pages">Pages</h4>
|
||||
<nuxt-link to="/">Home</nuxt-link>
|
||||
<nuxt-link to="/mods">Mods</nuxt-link>
|
||||
<nuxt-link to="/modpacks">Packs</nuxt-link>
|
||||
<nuxt-link to="/about">About</nuxt-link>
|
||||
<nuxt-link to="/guides">Guides</nuxt-link>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h4 class="developers">Developers</h4>
|
||||
<nuxt-link to="/documentation">Documentation</nuxt-link>
|
||||
<a href="https://github.com/modrinth">Open Source</a>
|
||||
<a href="https://github.com/modrinth/knossos/issues">Issues</a>
|
||||
</div>
|
||||
<div class="column legal-wrapper">
|
||||
<h4 class="legal">Legal</h4>
|
||||
<nuxt-link to="/tos">TOS</nuxt-link>
|
||||
<nuxt-link to="/privacy">Privacy Policy</nuxt-link>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
header {
|
||||
width: 100%;
|
||||
|
||||
.logo {
|
||||
margin: 25px 50px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.links {
|
||||
margin: auto 0;
|
||||
|
||||
a {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
margin: 0 25px;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background-color: var(--color-grey-1);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
&.nuxt-link-exact-active {
|
||||
border-bottom: 3px var(--color-brand) solid;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
justify-content: center;
|
||||
margin-top: 250px;
|
||||
margin-bottom: 100px;
|
||||
display: grid;
|
||||
column-gap: 50px;
|
||||
grid-template-columns: 175px 120px 120px 175px;
|
||||
grid-template-rows: 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px;
|
||||
|
||||
.logo-wrapper {
|
||||
grid-column-start: 1;
|
||||
grid-row-start: 1;
|
||||
|
||||
.logo {
|
||||
width: 30px;
|
||||
}
|
||||
.name {
|
||||
place-self: center;
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
font-family: 'Montserrat Alternates', serif;
|
||||
}
|
||||
}
|
||||
.copyright {
|
||||
grid-column-start: 1;
|
||||
grid-row-start: 10;
|
||||
color: var(--color-grey-6);
|
||||
}
|
||||
h4 {
|
||||
font-weight: 600;
|
||||
margin: 0 0 20px;
|
||||
grid-row-start: 1;
|
||||
}
|
||||
.column {
|
||||
display: grid;
|
||||
row-gap: 5px;
|
||||
grid-template-rows: 40px 20px 20px 20px 20px 20px 20px 20px;
|
||||
a {
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: var(--color-grey-5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 550px) {
|
||||
footer {
|
||||
column-gap: 10px;
|
||||
margin-left: 300px !important;
|
||||
}
|
||||
.legal-wrapper {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
footer {
|
||||
margin-left: 200px;
|
||||
}
|
||||
.copyright,
|
||||
.logo-wrapper {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user