mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2024-11-21 01:21:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve footer style, mainly on mobile (#695)

Browse Source
This commit is contained in:
Alessio Gravili 2022-06-19 19:01:56 +02:00 committed by GitHub
parent be6fe4138e
commit 7f41e558dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/design/Tabs.vue
View File

@ -39,7 +39,7 @@ function selectTab(tab: Tab) {
<template>
<div :class="{ 'flex flex-col <md:space-y-2 md:(flex-row space-x-2)': vertical, 'flex flex-row flex-wrap': !vertical }">
<div :class="{ 'min-w-13ch': vertical, 'basis-full': !vertical }">
<ul :class="{ 'flex flex-row <md:space-x-2 md:(flex-col space-y-2)': vertical, 'flex flex-row gap-1': !vertical }">
<ul :class="{ 'flex flex-row flex-wrap <md:gap-2 md:(flex-col space-y-2)': vertical, 'flex flex-row gap-1': !vertical }">
<li v-for="tab in tabs" :key="tab.value">
<Link v-if="!tab.show || tab.show()" :disabled="tab.disable && tab.disable()" :href="'#' + tab.value" @click.prevent="selectTab(tab)">
<Button

4
frontend/src/components/layout/Footer.vue
View File

@ -7,8 +7,7 @@ const i18n = useI18n();
<template>
<footer class="relative flex items-end mt-10 background-default px-8 pb-2 text-light-10 min-h-10">
<div class="footerContent w-screen">
<div class="footerBar flex items-center justify-around mt-4 max-w-1200px m-auto text-sm">
<p>© 2022 <a href="https://papermc.io/">PaperMC</a></p>
<div class="footerBar flex flex-col gap-4 md:(flex-row-reverse gap-0) items-center justify-around mt-4 max-w-1200px m-auto text-sm">
<div class="footerBarLinks flex flex-col md:flex-row">
<router-link :to="{ name: 'guidelines' }" class="flex items-center rounded-md px-6 py-2" hover="text-primary-400 bg-primary-0"
>{{ i18n.t("hangar.footer.resourceGuidelines") }}
@ -23,6 +22,7 @@ const i18n = useI18n();
>{{ i18n.t("hangar.footer.tos") }}
</router-link>
</div>
<p class="font-bold">© 2022 <a href="https://papermc.io/">PaperMC</a></p>
</div>
</div>
</footer>

4
frontend/src/pages/[user]/[project]/index.vue
View File

@ -52,7 +52,7 @@ useHead(useSeo(props.project.name, props.project.description, route, projectIcon
<template>
<div class="flex flex-wrap md:flex-nowrap gap-4">
<section class="basis-full md:basis-9/12 flex-grow overflow-auto">
<Card v-if="page?.contents" class="p-0 overflow-clip overflow-hidden">
<Card v-if="page?.contents" class="p-0 pb-6 overflow-clip overflow-hidden">
<MarkdownEditor
v-if="hasPerms(NamedPermission.EDIT_PAGE)"
v-model:editing="editingPage"
@ -64,7 +64,7 @@ useHead(useSeo(props.project.name, props.project.description, route, projectIcon
/>
<Markdown v-else :raw="page.contents" />
</Card>
<Card v-if="sponsors || hasPerms(NamedPermission.EDIT_SUBJECT_SETTINGS)" class="mt-2 p-0 overflow-clip overflow-hidden">
<Card v-if="sponsors || hasPerms(NamedPermission.EDIT_SUBJECT_SETTINGS)" class="mt-2 p-0 pb-6 overflow-clip overflow-hidden">
<MarkdownEditor
v-if="hasPerms(NamedPermission.EDIT_SUBJECT_SETTINGS)"
v-model:editing="editingSponsors"

2
frontend/src/pages/[user]/[project]/versions/index.vue
View File

@ -172,7 +172,7 @@ function getNonChannelTags(version: Version): ApiTag[] {
</section>
<section class="basis-full md:basis-3/12 flex-grow">
<div class="flex flex-wrap space-y-4">
<div class="flex flex-col flex-wrap space-y-4">
<div v-if="hasPerms(NamedPermission.CREATE_VERSION)" class="basis-full flex-grow">
<router-link :to="route.path + '/new'">
<Button size="large" class="w-full">{{ i18n.t("version.new.uploadNew") }}</Button>