fix: prevent Google Translate from breaking Material Icons and fix lang attribute
This commit is contained in:
@ -98,10 +98,10 @@ onUnmounted(() => {
|
||||
</div>
|
||||
|
||||
<div v-else-if="shuttleStore.error" class="state-container">
|
||||
<span class="material-icons">error_outline</span>
|
||||
<span class="material-icons notranslate" translate="no">error_outline</span>
|
||||
<p>{{ shuttleStore.error }}</p>
|
||||
<button class="retry-btn" @click="shuttleStore.loadShuttles()">
|
||||
<span class="material-icons">refresh</span>
|
||||
<span class="material-icons notranslate" translate="no">refresh</span>
|
||||
{{ t('common.retry') || 'Reintentar' }}
|
||||
</button>
|
||||
</div>
|
||||
@ -128,7 +128,7 @@ onUnmounted(() => {
|
||||
alt="Shuttle"
|
||||
/>
|
||||
<div class="company-tag" v-if="shuttle.company_name">
|
||||
<span class="material-icons">business</span>
|
||||
<span class="material-icons notranslate" translate="no">business</span>
|
||||
{{ shuttle.company_name }}
|
||||
</div>
|
||||
</div>
|
||||
@ -137,18 +137,18 @@ onUnmounted(() => {
|
||||
<div class="route-header">
|
||||
<div class="route-main">
|
||||
<span class="location-name">{{ shuttle.origin }}</span>
|
||||
<span class="material-icons separator-icon">east</span>
|
||||
<span class="material-icons separator-icon notranslate" translate="no">east</span>
|
||||
<span class="location-name">{{ shuttle.destination }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-meta">
|
||||
<div class="meta-tag">
|
||||
<span class="material-icons">directions_bus</span>
|
||||
<span class="material-icons notranslate" translate="no">directions_bus</span>
|
||||
<span>{{ shuttle.vehicle_type }}</span>
|
||||
</div>
|
||||
<div class="meta-tag" v-if="shuttle.estimated_duration">
|
||||
<span class="material-icons">schedule</span>
|
||||
<span class="material-icons notranslate" translate="no">schedule</span>
|
||||
<span>{{ shuttle.estimated_duration }}</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -159,7 +159,7 @@ onUnmounted(() => {
|
||||
<span class="price-val">${{ shuttle.price_per_person }}</span>
|
||||
</div>
|
||||
<button class="view-details-btn">
|
||||
<span class="material-icons">chevron_right</span>
|
||||
<span class="material-icons notranslate" translate="no">chevron_right</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -167,7 +167,7 @@ onUnmounted(() => {
|
||||
|
||||
<!-- EMPTY STATE -->
|
||||
<div v-if="filteredShuttles.length === 0" class="empty-state">
|
||||
<span class="material-icons">directions_bus_filled</span>
|
||||
<span class="material-icons notranslate" translate="no">directions_bus_filled</span>
|
||||
<p>{{ t('shuttle.noShuttles') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user