/home/henzagold/site/components/ Current File: /home/henzagold/site/components/BrandBar.vue
<template>
  <nav>
    <ul class="flex text-white m-0" >
      <li class="m-0 mx-[5px]">
        <a class="py-[15px] text-[12px] md:text-[15px]"> {{goldPrice.geram18.uaj }} </a>
      </li>
      <li class="m-0 d-none d-md-block mx-[5px]" >
        <a class="py-[15px] text-[12px] md:text-[15px]">مثقال طلا : {{goldPrice.mesghal.p | tomanPriceUnit }} </a>
      </li>
      <li class="m-0 mx-[5px]" >
        <a class="py-[15px] text-[12px] md:text-[15px]"> گرم طلای 18 عیار : {{ goldPrice.geram18.p | tomanPriceUnit }} </a>
      </li>
    </ul>
  </nav>
</template>
<script>
export default {
  name: "BrandBar",
  computed: {
    brands(){
      return this.$store.state.config.brands;
    },
    goldPrice(){
      return this.$store.state.config.price;
    }
  }
}
</script>

<style>
.menu-item{
  font-size: 15px;
}
@media (max-width: 767px) {
  .brand .menu-item a{
    font-size: 12px !important;
  }
}
</style>