Added footer with dmca and discord links.

components/sidebar/sidebar.vue

@@ -70,6 +70,8 @@
 				</ul>
 			</div>
 
+			<Footer />
+
 			<div
 				class="footer"
 				@click="emit('sidebar')"
@@ -86,7 +88,7 @@
 <script setup>
 import { computed, inject } from 'vue';
 
-import logo from '../../assets/img/logo.svg?raw'; // eslint-disable-line import/no-unresolved
+import logo from '#/assets/img/logo.svg?raw'; // eslint-disable-line import/no-unresolved
 
 const emit = defineEmits(['sidebar']);
 const pageContext = inject('pageContext');

config/default.cjs

@@ -69,6 +69,10 @@ module.exports = {
 		type: 'notice', // notice, alert
 		enabled: false,
 	},
+	links: {
+		dmca: 'mailto:dmca@traxxx.me',
+		discord: 'https://discord.gg/gY6fnq6jJV',
+	},
 	stashes: {
 		nameLength: [2, 24],
 		namePattern: /^[a-zA-Z0-9!?$&\s_-]+$/,

pages/actors/@actorId/+Page.vue

@@ -58,14 +58,17 @@ const { actor } = pageProps;
 	display: flex;
 	flex-direction: column;
 	flex-grow: 1;
-	overflow: hidden;
+	position: relative;
 }
 
 .actor-header {
+	width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
-	position: relative;
+	position: sticky;
+	top: 0;
+	z-index: 1;
     color: var(--highlight-strong-30);
     background: var(--grey-dark-40);
 }
@@ -94,7 +97,7 @@ const { actor } = pageProps;
 	display: flex;
 	flex-direction: column;
 	flex-grow: 1;
-	overflow-y: auto;
+	/* overflow-y: auto; */
 }
 
 .bookmarks {

pages/tags/+Page.vue

@@ -133,7 +133,7 @@ onMounted(() => {
 		categories.value.scrollLeft += event.deltaY;
 	});
 
-	content.value.addEventListener('scroll', () => calculateActiveCategory());
+	document.querySelector('#content').addEventListener('scroll', () => calculateActiveCategory());
 
 	window.addEventListener('popstate', () => {
 		if (window.location.hash) {
@@ -152,12 +152,10 @@ onMounted(() => {
 .page {
 	display: flex;
 	flex-direction: column;
-	overflow: hidden;
 }
 
 .content {
 	flex-grow: 1;
-	overflow-y: auto;
 }
 
 .categories {
@@ -165,6 +163,9 @@ onMounted(() => {
 	gap: .25rem;
 	flex-shrink: 0;
 	padding: .5rem 1rem;
+	position: sticky;
+	top: 0;
+	z-index: 1;
 	background: var(--grey-dark-40);
 	overflow-x: auto;
 	scrollbar-width: none;

renderer/container.vue

@@ -13,6 +13,7 @@
 		<Header />
 
 		<div
+			id="content"
 			ref="content"
 			class="content"
 		>
@@ -24,6 +25,8 @@
 			/>
 
 			<slot @scroll="scroll" />
+
+			<Footer />
 		</div>
 
 		<BottomNavigation
@@ -56,6 +59,7 @@ import {
 import events from '#/src/events.js';
 
 import Header from '#/components/header/header.vue';
+import Footer from '#/components/footer/footer.vue';
 import Sidebar from '#/components/sidebar/sidebar.vue';
 import BottomNavigation from '#/components/footer/navigation.vue';
 

src/web/server.js

@@ -199,6 +199,7 @@ export default async function initServer() {
 				maxAggregateSize: config.database.manticore.maxAggregateSize,
 				media: config.media,
 				psa: config.psa,
+				links: config.links,
 			},
 			meta: {
 				unseenNotifications,