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

Fix mobile styling

Browse Source
This commit is contained in:
Rakantor
2023-04-28 16:47:11 +02:00
parent 22f7c330ff
commit 63f9885804
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
layouts/default.vue
View File

@@ -71,7 +71,7 @@
> >
<v-container class="d-flex py-0 my-0"> <v-container class="d-flex py-0 my-0">
<v-row no-gutters> <v-row no-gutters>
<v-col cols="4" class="text-center my-auto"> <v-col cols="4" class="my-auto" :class="$vuetify.display.mobile ? 'text-left' : 'text-center'">
<v-btn <v-btn
variant="plain" variant="plain"
size="x-small" size="x-small"
@@ -85,11 +85,11 @@
</v-btn> </v-btn>
</v-col> </v-col>
<v-col cols="4" class="text-center my-auto"> <v-col cols="4" class="text-center my-auto">
<span class="text-caption"> <span class="text-caption text-no-wrap">
&copy; {{ new Date().getFullYear() }} {{ $myName }} &copy; {{ new Date().getFullYear() }} {{ $myName }}
</span> </span>
</v-col> </v-col>
<v-col cols="4" class="text-center my-auto"> <v-col cols="4" class="my-auto" :class="$vuetify.display.mobile ? 'text-right' : 'text-center'">
<v-btn <v-btn
variant="plain" variant="plain"
icon="mdi-github" icon="mdi-github"

8
pages/bio.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<v-row> <v-row>
<v-col cols="12"> <v-col cols="12">
<span class="text-h4 text-high-emphasis">{{ $t('bioTitle') }}</span> <span class="text-h5 text-md-h4 text-high-emphasis">{{ $t('bioTitle') }}</span>
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
<v-sheet color="transparent" class="text-medium-emphasis"> <v-sheet color="transparent" class="text-medium-emphasis">
@@ -132,9 +132,9 @@ export default {
methods: { methods: {
getButtonSize (level) { getButtonSize (level) {
switch (level) { switch (level) {
case 1: return 48 case 1: return this.$vuetify.display.smAndDown ? 32 : 48
case 2: return 64 case 2: return this.$vuetify.display.smAndDown ? 48 : 64
default: return 96 default: return this.$vuetify.display.smAndDown ? 64 : 96
} }
} }
} }