Add HeaderAdBanner component to ChatView, FeedbackView, and PartnersView

- Integrated HeaderAdBanner into ChatView.vue, FeedbackView.vue, and PartnersView.vue to enhance advertising capabilities.
- Updated PartnersView.vue to include a new app branding structure for improved visual hierarchy.

These changes collectively improve the user interface and advertising integration across multiple views.
This commit is contained in:
Torsten Schulz (local)
2026-03-19 15:25:42 +01:00
parent 47373a27af
commit 8319b43835
5 changed files with 223 additions and 2 deletions

View File

@@ -8,6 +8,7 @@
<h1>Chat</h1>
</div>
</div>
<HeaderAdBanner />
<div v-if="chatStore.isLoggedIn" class="header-status">
<span class="header-status-chip">{{ chatStore.userName }}</span>
<span v-if="chatStore.isoCountryCode" class="header-status-chip">{{ chatStore.isoCountryCode }}</span>
@@ -89,6 +90,7 @@ import SearchView from '../components/SearchView.vue';
import InboxView from '../components/InboxView.vue';
import HistoryView from '../components/HistoryView.vue';
import ImprintContainer from '../components/ImprintContainer.vue';
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
const chatStore = useChatStore();

View File

@@ -8,6 +8,7 @@
<h1>Feedback</h1>
</div>
</div>
<HeaderAdBanner />
</header>
<FeedbackPanel />
@@ -18,5 +19,6 @@
<script setup>
import FeedbackPanel from '../components/FeedbackPanel.vue';
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
import ImprintContainer from '../components/ImprintContainer.vue';
</script>

View File

@@ -1,7 +1,14 @@
<template>
<div class="chat-container">
<header class="header">
<h1>SingleChat</h1>
<div class="app-brand">
<span class="app-brand-mark">S</span>
<div class="app-brand-copy">
<span class="app-brand-eyebrow">SingleChat</span>
<h1>Partner</h1>
</div>
</div>
<HeaderAdBanner />
</header>
<MenuBar />
@@ -36,6 +43,7 @@ import axios from 'axios';
import { useRouter } from 'vue-router';
import MenuBar from '../components/MenuBar.vue';
import UserList from '../components/UserList.vue';
import HeaderAdBanner from '../components/HeaderAdBanner.vue';
import ImprintContainer from '../components/ImprintContainer.vue';
import { useChatStore } from '../stores/chat';
@@ -52,4 +60,3 @@ onMounted(async () => {
}
});
</script>