Bommels05/Modrinth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add easier access to the Following page and add scroll support to mobile overflow menu (#382)

Browse Source
This commit is contained in:
Prospector 2022-03-05 12:09:45 -08:00 committed by GitHub
parent 86fbb383fd
commit dbbc6ed0bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/default.vue
View File

@ -82,6 +82,12 @@
<span class="title">Notifications</span> <span class="title">Notifications</span>
</NuxtLink> </NuxtLink>
</li> </li>
<li>
<NuxtLink class="item" to="/settings/follows">
<HeartIcon class="icon" />
<span class="title">Following</span>
</NuxtLink>
</li>
<li> <li>
<NuxtLink class="item" to="/settings"> <NuxtLink class="item" to="/settings">
<SettingsIcon class="icon" /> <SettingsIcon class="icon" />
@ -185,6 +191,10 @@
<ModerationIcon class="icon" /> <ModerationIcon class="icon" />
<span class="title">Moderation</span> <span class="title">Moderation</span>
</NuxtLink> </NuxtLink>
<NuxtLink v-if="$auth.user" class="item" to="/settings/follows">
<HeartIcon class="icon" />
<span class="title">Following</span>
</NuxtLink>
<NuxtLink v-if="$auth.user" class="item" to="/notifications"> <NuxtLink v-if="$auth.user" class="item" to="/notifications">
<NotificationIcon class="icon" /> <NotificationIcon class="icon" />
<span class="title">Notifications</span> <span class="title">Notifications</span>
@ -276,12 +286,13 @@ import ModerationIcon from '~/assets/images/sidebar/admin.svg?inline'
import HomeIcon from '~/assets/images/sidebar/home.svg?inline' import HomeIcon from '~/assets/images/sidebar/home.svg?inline'
import ModIcon from '~/assets/images/sidebar/mod.svg?inline' import ModIcon from '~/assets/images/sidebar/mod.svg?inline'
// import ModpackIcon from '~/assets/images/sidebar/modpack.svg?inline' // import ModpackIcon from '~/assets/images/sidebar/modpack.svg?inline'
import MoonIcon from '~/assets/images/utils/moon.svg?inline' import MoonIcon from '~/assets/images/utils/moon.svg?inline'
import SunIcon from '~/assets/images/utils/sun.svg?inline' import SunIcon from '~/assets/images/utils/sun.svg?inline'
import PlusIcon from '~/assets/images/utils/plus.svg?inline' import PlusIcon from '~/assets/images/utils/plus.svg?inline'
import LogOutIcon from '~/assets/images/utils/log-out.svg?inline' import LogOutIcon from '~/assets/images/utils/log-out.svg?inline'
import HeartIcon from '~/assets/images/utils/heart.svg?inline'
import GitHubIcon from '~/assets/images/utils/github.svg?inline' import GitHubIcon from '~/assets/images/utils/github.svg?inline'
import CookieConsent from '~/components/ads/CookieConsent' import CookieConsent from '~/components/ads/CookieConsent'
@ -305,6 +316,7 @@ export default {
ShieldIcon, ShieldIcon,
ModerationIcon, ModerationIcon,
PlusIcon, PlusIcon,
HeartIcon,
}, },
directives: { directives: {
ClickOutside, ClickOutside,
@ -704,7 +716,7 @@ export default {
align-items: center; align-items: center;
background-color: var(--color-raised-bg); background-color: var(--color-raised-bg);
box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.3);
z-index: 5; z-index: 6;
.tab { .tab {
background: none; background: none;
@ -756,11 +768,9 @@ export default {
z-index: 5; z-index: 5;
.mobile-menu-wrapper { .mobile-menu-wrapper {
max-height: calc(100vh - var(--size-mobile-navbar-height));
overflow-y: auto; overflow-y: auto;
@media screen and (min-height: 605px) {
margin-top: auto; margin-top: auto;
}
.items-container { .items-container {
margin: 1rem 2rem; margin: 1rem 2rem;