Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - update info style on picture update

Browse Source
This commit is contained in:
Sam
2021-11-03 11:23:13 +01:00
parent 7b44b92dd3
commit 6fac8fdf81
8 changed files with 32 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fittrackee/dist/index.html
Vendored
+1 -1
View File
@@ -1 +1 @@
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><link rel="stylesheet" href="/static/css/fork-awesome.min.css"><link rel="stylesheet" href="/static/css/leaflet.css"><title>FitTrackee</title><link href="/static/css/admin.51f3889f.css" rel="prefetch"><link href="/static/css/main.18ab424b.css" rel="prefetch"><link href="/static/css/main~workouts.dec22e70.css" rel="prefetch"><link href="/static/css/profile.e4d63f07.css" rel="prefetch"><link href="/static/css/reset.23e340ac.css" rel="prefetch"><link href="/static/css/workouts.2776db88.css" rel="prefetch"><link href="/static/js/admin.4f80b9a8.js" rel="prefetch"><link href="/static/js/chunk-2d0c9189.c81458cc.js" rel="prefetch"><link href="/static/js/chunk-2d0cf391.020c75ea.js" rel="prefetch"><link href="/static/js/chunk-2d0da8f3.c8c3e7e8.js" rel="prefetch"><link href="/static/js/chunk-2d2248b6.d84473c1.js" rel="prefetch"><link href="/static/js/chunk-2d22523a.4b710d99.js" rel="prefetch"><link href="/static/js/main.01a39e9c.js" rel="prefetch"><link href="/static/js/main~workouts.896585f2.js" rel="prefetch"><link href="/static/js/profile.459d43b2.js" rel="prefetch"><link href="/static/js/reset.ac1dbf71.js" rel="prefetch"><link href="/static/js/workouts.733b9b2c.js" rel="prefetch"><link href="/static/css/app.b79624ef.css" rel="preload" as="style"><link href="/static/js/app.2237b298.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.61765c73.js" rel="preload" as="script"><link href="/static/css/app.b79624ef.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="fittrackee_client"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but FitTrackee doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.61765c73.js"></script><script src="/static/js/app.2237b298.js"></script></body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><link rel="stylesheet" href="/static/css/fork-awesome.min.css"><link rel="stylesheet" href="/static/css/leaflet.css"><title>FitTrackee</title><link href="/static/css/admin.51f3889f.css" rel="prefetch"><link href="/static/css/main.18ab424b.css" rel="prefetch"><link href="/static/css/main~workouts.dec22e70.css" rel="prefetch"><link href="/static/css/profile.e4d63f07.css" rel="prefetch"><link href="/static/css/reset.23e340ac.css" rel="prefetch"><link href="/static/css/workouts.2776db88.css" rel="prefetch"><link href="/static/js/admin.4f80b9a8.js" rel="prefetch"><link href="/static/js/chunk-2d0c9189.c81458cc.js" rel="prefetch"><link href="/static/js/chunk-2d0cf391.020c75ea.js" rel="prefetch"><link href="/static/js/chunk-2d0da8f3.c8c3e7e8.js" rel="prefetch"><link href="/static/js/chunk-2d2248b6.d84473c1.js" rel="prefetch"><link href="/static/js/chunk-2d22523a.4b710d99.js" rel="prefetch"><link href="/static/js/main.01a39e9c.js" rel="prefetch"><link href="/static/js/main~workouts.896585f2.js" rel="prefetch"><link href="/static/js/profile.459d43b2.js" rel="prefetch"><link href="/static/js/reset.ac1dbf71.js" rel="prefetch"><link href="/static/js/workouts.733b9b2c.js" rel="prefetch"><link href="/static/css/app.d431f371.css" rel="preload" as="style"><link href="/static/js/app.5f1e26bb.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.61765c73.js" rel="preload" as="script"><link href="/static/css/app.d431f371.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="fittrackee_client"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but FitTrackee doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.61765c73.js"></script><script src="/static/js/app.5f1e26bb.js"></script></body></html>
fittrackee/dist/precache-manifest.2597b6300aab2cb180c194e1a87c8dec.js → fittrackee/dist/precache-manifest.741a5f9fe3d33ead148b8d5d8188649c.js
Vendored
+5 -5
View File
@@ -64,7 +64,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/img/workouts/mountains.svg"
},
{
"revision": "859ba86589cb82273248d568926f2b13",
"revision": "44b373f3ed2a63887f7c115407c4e8dc",
"url": "/index.html"
},
{
@@ -80,8 +80,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/static/css/admin.51f3889f.css"
},
{
"revision": "ddd71998ac072f2fd803",
"url": "/static/css/app.b79624ef.css"
"revision": "5bc36bbdf1d21b9a3220",
"url": "/static/css/app.d431f371.css"
},
{
"revision": "82c1118c918377daaa71a320ab8eea42",
@@ -196,8 +196,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
"url": "/static/js/admin.4f80b9a8.js"
},
{
"revision": "ddd71998ac072f2fd803",
"url": "/static/js/app.2237b298.js"
"revision": "5bc36bbdf1d21b9a3220",
"url": "/static/js/app.5f1e26bb.js"
},
{
"revision": "bd7d183c9f68e5f4027d",
fittrackee/dist/service-worker.js
Vendored
+1 -1
View File
@@ -14,7 +14,7 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
importScripts(
"/precache-manifest.2597b6300aab2cb180c194e1a87c8dec.js"
"/precache-manifest.741a5f9fe3d33ead148b8d5d8188649c.js"
);
workbox.core.setCacheNameDetails({prefix: "fittrackee_client"});
fittrackee/dist/static/css/app.b79624ef.css → fittrackee/dist/static/css/app.d431f371.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
fittrackee/dist/static/js/app.2237b298.js.map
Vendored
-1
View File
File diff suppressed because one or more lines are too long
fittrackee/dist/static/js/app.2237b298.js → fittrackee/dist/static/js/app.5f1e26bb.js
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
fittrackee/dist/static/js/app.5f1e26bb.js.map
Vendored
+1
View File
File diff suppressed because one or more lines are too long
fittrackee_client/src/components/User/ProfileEdition/UserPictureEdition.vue
+21 -1
View File
@@ -10,6 +10,12 @@
accept=".png,.jpg,.gif"
@input="updatePictureFile"
/>
<div class="picture-help">
<span class="info-box">
<i class="fa fa-info-circle" aria-hidden="true" />
{{ $t('workouts.MAX_SIZE') }}: {{ fileSizeLimit }}
</span>
</div>
<div class="picture-buttons">
<button type="submit" :disabled="!pictureFile">
{{ $t('user.PROFILE.PICTURE_UPDATE') }}
@@ -21,7 +27,6 @@
{{ $t('user.PROFILE.BACK_TO_PROFILE') }}
</button>
</div>
<span>{{ $t('workouts.MAX_SIZE') }}: {{ fileSizeLimit }}</span>
</form>
</div>
</div>
@@ -120,12 +125,27 @@
font-size: 0.9em;
padding-left: $default-padding * 0.5;
}
.picture-help {
display: flex;
span {
font-style: italic;
padding: $default-padding;
}
.fa-info-circle {
margin-right: $default-margin;
}
}
}
.picture-buttons {
display: flex;
flex-direction: row;
align-items: center;
gap: $default-padding;
}
.picture-buttons,
.picture-help {
@media screen and (max-width: $x-small-limit) {
flex-direction: column;
align-items: stretch;