muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-25 02:46:39 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

displaying contact links as grid

Browse source
This commit is contained in:
Fedor Katurov 2022-11-10 16:36:55 +06:00
parent 623fa7b7fd
commit f47db1fd50
3 changed files with 16 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
pages/contacts.vue
View file

@ -2,7 +2,10 @@
<article :class="$style.content">
<div :class="$style.grid">
<div :class="$style.text">
<h1>Write me a letter!</h1>
<h1 :class="$style.title">Write me a letter!</h1>
<div :class="$style.location">
<b>Current Location:</b> {{ contacts.location }}
</div>
<div :class="$style.contacts">
<ContactInformation />
@ -17,7 +20,12 @@
</template>
<script lang="ts">
import { contacts } from "~~/constants/contacts";
export default {
data() {
return { contacts };
},
scrollToTop: true,
head() {
return {
@ -48,6 +56,10 @@ definePageMeta({ layout: "landing" });
}
.contacts {
margin-top: 40px;
margin-top: 60px;
}
.title {
margin-bottom: 10px;
}
</style>