mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-08-29 09:38:26 +02:00
43 lines
762 B
Vue
43 lines
762 B
Vue
<script setup lang="ts">
|
|
import Badge from '../base/Badge.vue';
|
|
import HomeContainer from './HomeContainer.vue';
|
|
import { data } from './HomeHeroBefore.data'
|
|
|
|
</script>
|
|
<template>
|
|
<HomeContainer class="container">
|
|
<Badge
|
|
:href="`https://github.com/lucide-icons/lucide/releases/tag/${data.version}`"
|
|
>v{{ data.version }}</Badge>
|
|
</HomeContainer>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.container {
|
|
margin-block: 0;;
|
|
margin-top: 37px;
|
|
margin-bottom: -96px;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.badge {
|
|
display: inline-block;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.container {
|
|
margin-bottom: -131px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 960px) {
|
|
.container {
|
|
justify-content: flex-start;
|
|
}
|
|
.badge {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
</style>
|