Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-03 04:25:24 +02:00
Code Issues Releases Activity

fixes: PWA & interface on small screens (#2536)

Browse source 
* fix pwa icons

* fix spacing and layouts for small screens

* translate missing strings

* Revert "translate missing strings"

This reverts commit 150a961a08.

* fixes

---------

Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com>
This commit is contained in:
Arsène Reymond 2023-10-07 21:36:47 +02:00 • committed by GitHub
parent bd79c1db2f
commit 45022e1f1b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
18 changed files with 78 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/pages/user/profile/api-tokens.vue
View file

@ -43,9 +43,9 @@
</v-card>
</section>
<BaseCardSectionTitle class="mt-10" title="Active Tokens"> </BaseCardSectionTitle>
<section class="d-flex flex-column align-center justify-center">
<div v-for="(token, index) in $auth.user.tokens" :key="index" class="d-flex my-2">
<v-card outlined width="500px">
<section class="d-flex flex-column">
<div v-for="(token, index) in $auth.user.tokens" :key="index">
<v-card outlined class="mb-2">
<v-list-item>
<v-list-item-content>
<v-list-item-title>

4
frontend/pages/user/profile/edit.vue
View file

@ -13,7 +13,7 @@
/>
</div>
</template>
<template #title> Your Profile Settings </template>
<template #title> {{ $t("profile.user-settings") }} </template>
</BasePageTitle>
<section class="mt-5">
@ -108,6 +108,7 @@
:label="$t('profile.show-advanced-description')"
@change="updateUser"
></v-checkbox>
<nuxt-link class="mt-5 d-flex flex-column justify-center text-center" to="/group"> {{ $t('profile.looking-for-privacy-settings') }} </nuxt-link>
<div class="d-flex flex-wrap justify-center mt-5">
<v-btn outlined class="rounded-xl my-1 mx-1" to="/user/profile" nuxt exact>
<v-icon left>
@ -115,7 +116,6 @@
</v-icon>
{{ $t('profile.back-to-profile') }}
</v-btn>
<v-btn outlined class="rounded-xl my-1 mx-1" to="/group"> {{ $t('profile.looking-for-privacy-settings') }} </v-btn>
</div>
</section>
</v-container>

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 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 v-if="$auth.user.canInvite" outlined rounded @click="getSignupLink()">
<v-icon left>
{{ $globals.icons.createAlt }}