Rakantor/personal-portfolio
1
0
Fork 0
mirror of https://github.com/Rakantor/personal-portfolio.git synced 2025-12-17 19:36:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: layout

Browse Source
This commit is contained in:
Rakantor
2022-11-26 10:22:17 +01:00
parent 4cb0114196
commit 824fc4b474
2 changed files with 27 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
layouts/default.vue
View File

@@ -26,7 +26,13 @@
</v-list> </v-list>
<template #append> <template #append>
<div class="pa-2"> <div class="pa-2">
<v-btn block outlined color="primary" prepend-icon="mdi-email-outline" :href="`mailto:${myName}<${myEmail}>`"> <v-btn
block
outlined
color="primary"
prepend-icon="mdi-email-outline"
:href="`mailto:${myName}<${myEmail}>`"
>
Contact Contact
</v-btn> </v-btn>
</div> </div>
@@ -34,7 +40,12 @@
</v-navigation-drawer> </v-navigation-drawer>
<v-app-bar fixed flat app color="transparent"> <v-app-bar fixed flat app color="transparent">
<template v-slot:prepend> <template v-slot:prepend>
<v-avatar size="48" color="backgroundSecondary" style="cursor: pointer" @click.native="$router.push('/')"> <v-avatar
size="48"
color="backgroundSecondary"
style="cursor: pointer"
@click.native="$router.push('/')"
>
<img src="~/assets/avatar_transparent.png" width="55" /> <img src="~/assets/avatar_transparent.png" width="55" />
</v-avatar> </v-avatar>
</template> </template>
@@ -57,7 +68,9 @@
<v-row justify="center" no-gutters> <v-row justify="center" no-gutters>
<v-col cols="12" class="text-center"> <v-col cols="12" class="text-center">
<v-divider></v-divider> <v-divider></v-divider>
<span class="text-caption">&copy; {{ new Date().getFullYear() }} | {{ myName }}</span> <span class="text-caption">
&copy; {{ new Date().getFullYear() }} | {{ myName }}
</span>
</v-col> </v-col>
</v-row> </v-row>
</v-footer> </v-footer>

13
pages/index.vue
View File

@@ -4,10 +4,19 @@
<span class="text-h3">Hi, my name is Manuel.</span> <span class="text-h3">Hi, my name is Manuel.</span>
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
<span class="text-h6">I'm a Software Developer based in Vienna, Austria.<br/>I make all kind of applications.</span> <span class="text-h6">
I'm a Software Developer based in Vienna, Austria.<br/>
I make all kind of applications.
</span>
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
<v-btn depressed outlined color="primary" prepend-icon="mdi-email-outline" href="mailto:rakantor.dev@gmail.com"> <v-btn
depressed
outlined
color="primary"
prepend-icon="mdi-email-outline"
href="mailto:rakantor.dev@gmail.com"
>
Contact me Contact me
</v-btn> </v-btn>
</v-col> </v-col>