Astro icon changes
parent
daea7c62ca
commit
732474485b
|
@ -16,8 +16,20 @@
|
||||||
<span class="font-bold text-xl text-900">Vue-CLI</span>
|
<span class="font-bold text-xl text-900">Vue-CLI</span>
|
||||||
</a>
|
</a>
|
||||||
<a href="https://github.com/primefaces/primevue-examples/tree/main/astro-quickstart" class="flex flex-column align-items-center">
|
<a href="https://github.com/primefaces/primevue-examples/tree/main/astro-quickstart" class="flex flex-column align-items-center">
|
||||||
<img src="https://primefaces.org/cdn/primevue/images/logos/astro.svg" alt="Astro.JS" class="w-8rem h-8rem mb-3" />
|
<img :src="astroHref" alt="Astro.JS" class="w-8rem h-8rem mb-3" />
|
||||||
<span class="font-bold text-xl text-900">Astro</span>
|
<span class="font-bold text-xl text-900">Astro</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
computed: {
|
||||||
|
astroHref() {
|
||||||
|
const theme = this.$appState.darkTheme ? 'light' : 'dark';
|
||||||
|
|
||||||
|
return `https://primefaces.org/cdn/primevue/images/logos/astro-icon-${theme}.svg`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue