Keep the TV MontZar credit logo small and load it from bundled assets.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/AppCreditLink.vue

@@ -7,11 +7,13 @@
     :class="`app-credit-link--${variant}`"
   >
     <span class="app-credit-link__text">توسعه و طراحی توسط</span>
-    <img src="/logo-montzar.png" alt="montzar" class="app-credit-link__logo" />
+    <img :src="logoMontzarUrl" alt="montzar" class="app-credit-link__logo" />
   </a>
 </template>
 
 <script lang="ts" setup>
+import logoMontzarUrl from '@/assets/img/logo-montzar.png'
+
 withDefaults(
   defineProps<{
     variant?: 'mobile' | 'sidebar' | 'float' | 'tv'
@@ -19,3 +21,78 @@ withDefaults(
   { variant: 'mobile' },
 )
 </script>
+
+<style lang="less">
+.app-credit-link {
+  display: inline-flex;
+  align-items: center;
+  text-decoration: none;
+  color: inherit;
+  transition: opacity 0.15s ease;
+
+  &:hover {
+    opacity: 0.85;
+  }
+
+  &__text {
+    font-weight: 500;
+    white-space: nowrap;
+  }
+
+  &__logo {
+    width: auto;
+    max-width: 140px;
+    object-fit: contain;
+  }
+
+  &--mobile {
+    gap: 4px;
+    padding: 4px 0;
+    color: inherit;
+
+    .app-credit-link__logo {
+      height: 12px;
+    }
+  }
+
+  &--sidebar {
+    flex-direction: column;
+    gap: 6px;
+    padding: 4px;
+    color: #9ca3af;
+    font-size: 10px;
+
+    .app-credit-link__logo {
+      height: 15px;
+      opacity: 0.85;
+    }
+  }
+
+  &--float {
+    gap: 6px;
+    padding: 7px 14px;
+    font-size: 10px;
+    color: #6b7280;
+    background: #fff;
+    border-radius: 999px;
+    border: 1px solid rgba(15, 23, 42, 0.08);
+    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
+
+    .app-credit-link__logo {
+      height: 13px;
+    }
+  }
+
+  &--tv {
+    gap: 8px;
+    padding: 6px 0;
+    font-size: 12px;
+    color: #6b7280;
+
+    .app-credit-link__logo {
+      height: 16px;
+      max-width: 120px;
+    }
+  }
+}
+</style>

src/views/tv/index.vue

@@ -900,6 +900,12 @@ const coinColumns = computed(() => [
   padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px));
   background: #fff;
   box-shadow: 0 -2px 4px -2px #0000001a;
+
+  :deep(.app-credit-link__logo) {
+    height: 16px;
+    max-width: 120px;
+    width: auto;
+  }
 }
 
 .tv-ticker {