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:
@@ -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();
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user