Dashboard Logo

• The Logo component can be found in the src/components/custom/logo/brandlogo.vue with your own logo SVG image OR logo image URL.
• Then user has to call logo component wherever logo has to show eg. public/assets/images/

You can add a image URL icon to your Website using the following code:

<template>
  <img src="/assets/images/logo-full.png" class="logo-full" loading="lazy" alt="logo" />
  <img src="/assets/images/logo.png" class="logo-normal img-fluid" loading="lazy" alt="logo" />
  <img src="/assets/images/logo-full-white.png" class="logo-full-white logo-full" loading="lazy" alt="logo" />
  <img src="/assets/images/logo-white.png" class="logo-normal logo-white img-fluid" loading="lazy" alt="logo" />
</template>

• You can call logo component wherever logo has to show: src/components/custom/sidebar/DefaultSidebar.vue

<brand-logo />

To import the logo component, use the following line of code:

import BrandLogo from '../logo/BrandLogo.vue';

Template Logo

• The Logo component can be found in the src/components/brand/BrandLogo.vue with your own logo SVG image OR logo image URL.
• Then user has to call logo component wherever logo has to show eg. public/assets/images/

You can add a image URL icon to your Website using the following code:

<template>
  <!--Logo Start-->
  <div class="logo-default">
    <router-link class="navbar-brand text-primary" :to="{name: 'landing-page.ott'}">
      <img class="img-fluid logo" src="/assets/images/logo.webp" loading="lazy" alt="streamit" />
    </router-link>
  </div>
  <div class="logo-hotstar">
    <router-link class="navbar-brand text-primary" :to="{name: 'landing-page.ott'}">
      <img class="img-fluid logo" src="/assets/images/logo-hotstar.webp" loading="lazy" alt="streamit" />
    </router-link>
  </div>
  <div class="logo-prime">
    <router-link class="navbar-brand text-primary" :to="{name: 'landing-page.ott'}">
      <img class="img-fluid logo" src="/assets/images/logo-prime.webp" loading="lazy" alt="streamit" />
    </router-link>
  </div>
  <div class="logo-hulu">pages/main/loadingTransitions.html
  </div>
  <!-- Logo End -->
</template>

• You can call logo component wherever logo has to show: src/components/partials/HeaderDefault.vue

 <BrandLogo />

To import the logo component, use the following line of code:

import BrandLogo from '../logo/BrandLogo.vue';