fix: prevent Google Translate from breaking Material Icons and fix lang attribute
This commit is contained in:
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user