modify :style

Author: codinghack30

src/.vscode/settings.json

@@ -7,26 +7,26 @@ import FooterPanel from './footer/FooterPanel.vue';
 </script>
 
 <template>
- <v-locale-provider>
- <v-app :class="[]">
- <VerticalSidebarVue />
- <VerticalHeaderVue />
+  <v-locale-provider>
+  <v-app>
+  <VerticalSidebarVue />
+  <VerticalHeaderVue />
 
- <v-main class="page-wrapper">
- <v-container>
- <div>
- <!-- Loader start -->
- <LoaderWrapper />
- <!-- Loader end -->
- <RouterView />
- </div>
- </v-container>
- <v-container class="pt-0">
- <div>
- <FooterPanel />
- </div>
- </v-container>
- </v-main>
- </v-app>
- </v-locale-provider>
+  <v-main class="page-wrapper">
+  <v-container>
+  <div>
+  <!-- Loader start -->
+  <LoaderWrapper />
+  <!-- Loader end -->
+  <RouterView />
+  </div>
+  </v-container>
+  <v-container class="pt-0">
+  <div>
+  <FooterPanel />
+  </div>
+  </v-container>
+  </v-main>
+  </v-app>
+  </v-locale-provider>
 </template>

src/components/shared/BaseBreadcrumb.vue

@@ -1,19 +1,21 @@
 <script setup lang="ts">
 const scrollTop = () => {
- window.scrollTo({ top: 0, behavior: 'smooth' });
+  window.scrollTo({ top: 0, behavior: 'smooth' });
 };
 </script>
 <template>
- <v-footer class="px-0 pb-10 footer">
- <v-row justify="center" align="center" no-gutters>
- <v-col cols="6">
- <p class="text-h5 mb-0" :style="{ color: 'rgb(var(--v-theme-lightText))' }">Web Geppo &copy; 2024 greenways inc.</p>
- </v-col>
- <v-col class="text-right" cols="6">
- <v-btn icon color="main" rounded="md" @click="scrollTop">
- <v-icon icon="mdi-chevron-up" size="x-large"></v-icon>
- </v-btn>
- </v-col>
- </v-row>
- </v-footer>
+  <v-footer class="px-0 pb-10 footer">
+  <v-row justify="center" align="center" no-gutters>
+  <v-col cols="6">
+  <p class="text-h5 mb-0 ligthText-color">Web Geppo &copy; 2024 greenways inc.</p>
+  </v-col>
+  <v-col class="text-right" cols="6">
+  <v-btn icon color="main" rounded="md" @click="scrollTop">
+  <v-icon icon="mdi-chevron-up" size="x-large"></v-icon>
+  </v-btn>
+  </v-col>
+  </v-row>
+  </v-footer>
 </template>
+
+<style scoped></style>

src/components/shared/ComponentTitle.vue

@@ -1,18 +1,9 @@
 <script setup lang="ts">
-// import { ref } from 'vue';
-// icons
-// import { CheckCircleOutlined, GiftOutlined, MessageOutlined, SettingOutlined, BellOutlined } from '@ant-design/icons-vue';
 import { router } from '@/router';
 import { useCustomizerStore } from '@/stores/customizer';
 
 const customizer = useCustomizerStore();
 
-// const isActive = ref(true);
-
-// function deactivateItem() {
-// isActive.value = false;
-// }
-
 const openNotice = () => {
  customizer.SET_TITLE('お知らせ');
  router.push('/notice');
@@ -26,20 +17,20 @@ const openNotice = () => {
  <v-menu :close-on-content-click="false" offset="6, 0">
  <template v-slot:activator="{ props }">
  <v-btn class="text-secondary ml-sm-2 ml-1" icon color="error" rounded="sm" size="large" v-bind="props" @click="openNotice">
- <!-- <v-badge :content="isActive ? '2' : '0'" color="error" offset-x="-4" offset-y="-5">
- <BellOutlined :style="{ fontSize: '16px' }" />
- </v-badge> -->
  <v-icon>mdi-bell-badge</v-icon>
  </v-btn>
- <div class="pr-3" :style="{ color: 'rgb(var(--v-theme-error))' }">お知らせあり</div>
+ <div class="pr-3 notice-text">お知らせあり</div>
  </template>
  </v-menu>
 </template>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .v-tooltip {
  > .v-overlay__content.custom-tooltip {
  padding: 2px 6px;
  }
 }
+.notice-text {
+ color: rgb(var(--v-theme-error));
+}
 </style>