fix: prevent Google Translate from breaking Material Icons and fix lang attribute

This commit is contained in:
2026-03-31 18:29:55 -05:00
parent a9b906099e
commit a60b079d94
43 changed files with 459 additions and 320 deletions

View File

@ -34,11 +34,11 @@ onMounted(async () => {
<div class="hub-tabs">
<div class="tabs-background">
<router-link to="/transporte/taxis" class="hub-tab" active-class="active" exact-active-class="active">
<span class="material-icons">local_taxi</span>
<span class="material-icons notranslate" translate="no">local_taxi</span>
{{ t('taxi.tabLocal') }}
</router-link>
<router-link to="/transporte/viajes-turisticos" class="hub-tab" active-class="active" :class="{ 'active': route.path.includes('viajes-turisticos') }">
<span class="material-icons">directions_bus</span>
<span class="material-icons notranslate" translate="no">directions_bus</span>
{{ t('taxi.tabIntercity') }}
</router-link>
<div class="tab-slider" :class="{ 'slide-right': !route.path.includes('taxis') }"></div>
@ -47,10 +47,10 @@ onMounted(async () => {
</header>
<div v-if="mountError" class="error-container">
<span class="material-icons">error_outline</span>
<span class="material-icons notranslate" translate="no">error_outline</span>
<p>{{ t('taxi.errorLoading') }}</p>
<button @click="reloadPage" class="retry-btn">
<span class="material-icons">refresh</span>
<span class="material-icons notranslate" translate="no">refresh</span>
{{ t('common.retry') }}
</button>
</div>