Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-20 02:42:20 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix spacing and layouts for small screens

Browse Source
This commit is contained in:
p0lycarpio
2023-09-04 11:20:48 +02:00
parent e538c5cbd8
commit e2665bcebf
13 changed files with 36 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/pages/user/profile/index.vue
View File

@@ -1,15 +1,15 @@
<template>
<v-container v-if="user">
<section class="d-flex flex-column align-center">
<UserAvatar size="84" :user-id="$auth.user.id" />
<section class="d-flex flex-column align-center mt-4">
<UserAvatar size="96" :user-id="$auth.user.id" />
<h2 class="headline">{{ $t('profile.welcome-user', [user.fullName]) }}</h2>
<p class="subtitle-1 mb-0">
<p class="subtitle-1 mb-0 text-center">
{{ $t('profile.description') }}
<a href="https://hay-kot.github.io/mealie/" target="_blank"> {{ $t('general.learn-more') }} </a>
</p>
<v-card v-if="$auth.user.canInvite" flat color="background" width="100%" max-width="600px">
<v-card-actions class="d-flex justify-center">
<v-card-actions class="d-flex justify-center my-4">
<v-btn outlined rounded @click="getSignupLink()">
<v-icon left>
{{ $globals.icons.createAlt }}