2023-01-16 21:42:50 +00:00
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
|
|
import Link from './Link.vue';
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2024-01-25 10:53:46 +00:00
|
|
|
<div class="links">
|
|
|
|
<Link href="https://unurled.me" :isExternal="true" label="Website" icon="mdi:web" />
|
|
|
|
<Link href="https://github.com/unurled" :isExternal="true" label="Github" icon="feather:github"/>
|
|
|
|
<Link href="https://git.unurled.me/unurled" :isExternal="true" label="Git" icon="mdi:git"/>
|
2023-01-16 21:42:50 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<style>
|
2024-01-25 10:53:46 +00:00
|
|
|
|
|
|
|
.links {
|
2023-01-16 21:42:50 +00:00
|
|
|
display: flex;
|
2024-01-25 10:53:46 +00:00
|
|
|
/* position: fixed; */
|
|
|
|
flex-direction: row;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
gap: 1em;
|
2023-01-16 21:42:50 +00:00
|
|
|
justify-content: center;
|
2024-01-25 10:53:46 +00:00
|
|
|
width: 75vw;
|
2023-01-16 21:42:50 +00:00
|
|
|
}
|
|
|
|
|
2024-01-25 10:53:46 +00:00
|
|
|
@media only screen and (min-width: 768px) {
|
|
|
|
.links {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
2023-01-16 21:42:50 +00:00
|
|
|
</style>
|