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-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
variant="plain"
size="x-small"
@@ -85,11 +85,11 @@
</v-btn>
</v-col>
<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 }}
</span>
</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
variant="plain"
icon="mdi-github"

8
pages/bio.vue
View File

@@ -1,7 +1,7 @@
<template>
<v-row>
<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 cols="12">
<v-sheet color="transparent" class="text-medium-emphasis">
@@ -132,9 +132,9 @@ export default {
methods: {
getButtonSize (level) {
switch (level) {
case 1: return 48
case 2: return 64
default: return 96
case 1: return this.$vuetify.display.smAndDown ? 32 : 48
case 2: return this.$vuetify.display.smAndDown ? 48 : 64
default: return this.$vuetify.display.smAndDown ? 64 : 96
}
}
}