muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-24 18:36:41 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed UIButtons

Browse source
This commit is contained in:
Fedor Katurov 2022-11-10 16:57:58 +06:00
parent 1394a17d82
commit 6c40acc1f9
3 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

5
components/bio/BioHeading.vue
View file

@ -19,7 +19,7 @@
<UiButtonGroup :class="$style.buttons">
<UiActionButton href="/contacts" variant="primary">
Contact me
Contact&nbsp;me
<template v-slot:suffix>
<IconsSend width="22" height="22" fill="currentColor" />
</template>
@ -30,7 +30,7 @@
target="_blank"
variant="outline"
>
Visit my Github
Visit&nbsp;my&nbsp;Github
<template v-slot:suffix>
<IconsGithub width="22" height="22" fill="currentColor" />
</template>
@ -91,6 +91,7 @@
@include desktop {
margin-top: 20px;
justify-content: center;
}
}
</style>

7
components/home/HomeHeader.vue
View file

@ -24,14 +24,14 @@
<UiButtonGroup :class="$style.buttons">
<UiActionButton href="/contacts" variant="primary">
Contact me
Contact&nbsp;me
<template v-slot:suffix>
<IconsSend width="22" height="22" fill="currentColor" />
</template>
</UiActionButton>
<UiActionButton href="/about" variant="outline">
View Portfolio
View&nbsp;Portfolio
<template v-slot:suffix>
<IconsBook width="22" height="22" fill="currentColor" />
</template>
@ -119,7 +119,8 @@
.buttons {
margin-top: 40px;
@include desktop {
@include tablet {
justify-content: center;
margin-top: 20px;
}
}

10
components/ui/UiButtonGroup.vue
View file

@ -7,9 +7,13 @@
<script lang="ts" setup></script>
<style lang="scss" module>
@import "@/assets/css/main.scss";
.buttons {
& > * {
margin: 0 15px 15px 0;
}
display: grid;
gap: 16px;
align-items: flex-start;
justify-content: flex-start;
grid-template-columns: repeat(auto-fit, minmax(180px, auto));
}
</style>