arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-14 12:14:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Change ubutton to a

Browse Source
This commit is contained in:
Arthur Danjou
2023-09-06 16:44:17 +02:00
parent 90fa57b144
commit a37d854c43
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/maintenance.vue
View File

@@ -58,17 +58,22 @@ const socials = [
</div>
</div>
<div class="flex justify-center items-center gap-4">
<UButton
<a
v-for="social in socials"
:key="social.name"
:icon="social.icon"
size="lg"
:link="social.link"
variant="ghost"
:href="social.link"
class="link"
target="_blank"
:ui="{ rounded: 'rounded-full' }"
/>
>
<span class="flex-shrink-0 h-5 w-5" aria-hidden="true" :class="social.icon"/>
</a>
</div>
</div>
</section>
</template>
<style scoped>
.link {
@apply cursor-pointer duration-300 focus:outline-none focus-visible:outline-0 disabled:cursor-not-allowed disabled:opacity-75 font-medium rounded-full text-sm gap-x-2.5 p-2.5 text-primary-500 dark:text-primary-400 hover:bg-primary-50 disabled:bg-transparent dark:hover:bg-primary-950 dark:disabled:bg-transparent focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 inline-flex items-center;
}
</style>