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

Client - upgrade Vue to 3.3 and move to Vite

Browse Source
This commit is contained in:
Sam
2023-11-11 15:23:04 +01:00
parent 91455251e1
commit 1befae927d
309 changed files with 6291 additions and 12719 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
fittrackee_client/src/scss/base.scss
View File

@ -49,14 +49,16 @@ img {
max-width: 100%;
}
input, textarea, select {
background-color: var(--input-bg-color);
input,
textarea,
select {
background-color: var(--input-bg-color);
border-radius: $border-radius;
border: solid 1px var(--input-border-color);
padding: $default-padding;
&:disabled {
background-color: var(--disabled-background-color);
background-color: var(--disabled-background-color);
border-color: var(--disabled-color);
}
}
@ -85,7 +87,8 @@ button {
border-color: transparent;
box-shadow: none;
&:hover, &:disabled {
&:hover,
&:disabled {
background: transparent;
}
@ -97,7 +100,8 @@ button {
box-shadow: none;
}
&:disabled, &.confirm:disabled {
&:disabled,
&.confirm:disabled {
border-color: transparent;
color: var(--disabled-color);
}
@ -113,7 +117,8 @@ button {
transform: translateY(2px);
}
&:disabled, &.confirm:disabled {
&:disabled,
&.confirm:disabled {
background: var(--disabled-background-color);
border-color: var(--disabled-color);
color: var(--disabled-color);
@ -178,17 +183,16 @@ button {
.form-box {
.form-items {
display: flex;
flex-direction: column;
display: flex;
flex-direction: column;
input {
margin: $default-margin;
padding: $default-padding * .5;
}
input {
margin: $default-margin;
padding: $default-padding * 0.5;
}
}
}
.form-info {
color: var(--alert-color);
font-size: 0.8em;
@ -206,13 +210,13 @@ button {
text-transform: uppercase;
}
.view {
.view {
padding-bottom: 35px;
background-color: var(--app-background-color);
}
.fa-trophy {
color: var(--workout-trophy-color)
color: var(--workout-trophy-color);
}
.mountains {
@ -252,7 +256,7 @@ button {
display: flex;
flex-direction: column;
align-items: center;
gap: $default-padding * .5;
gap: $default-padding * 0.5;
}
.custom-checkbox {
@ -407,4 +411,4 @@ button {
height: 35px;
width: 35px;
margin: 0 auto;
}
}

31
fittrackee_client/src/scss/colors.scss
View File

@ -1,31 +1,31 @@
:root {
--app-background-color: #FFFFFF;
--app-background-color: #ffffff;
--app-color: #2c3e50;
--app-color-light: #6f7070;
--app-a-color: #40578a;
--app-shadow-color: lightgrey;
--app-loading-color: #f3f3f3;
--app-loading-color: #f3f3f3;
--app-loading-top-color: var(--app-color);
--button-hover-color: #FFFFFF;
--button-cancel-bg-color: #FFFFFF;
--button-hover-color: #ffffff;
--button-cancel-bg-color: #ffffff;
--button-cancel-color: var(--app-color);
--button-confirm-bg-color: #FFFFFF;
--button-confirm-bg-color: #ffffff;
--button-confirm-color: var(--app-color);
--button-danger-bg-color: #FFFFFF;
--button-danger-bg-color: #ffffff;
--button-danger-color: #dc3545;
--button-danger-hover-bg-color: #dc3545;
--button-danger-hover-color: #FFFFFF;
--button-danger-hover-color: #ffffff;
--card-border-color: #c4c7cf;
--input-border-color: #9da3af;
--input-bg-color: #FFFFFF;
--input-bg-color: #ffffff;
--input-error-color: #dc3545;
--dropdown-hover-color: #eff0f5;
--custom-checkbox-border-color: #6d797a;
--custom-checkbox-checked-bg-color: #6d797a;
--custom-checkbox-checked-color: #FFFFFF;
--custom-checkbox-checked-color: #ffffff;
--calendar-border-color: #c4c7cf;
--calendar-week-end-color: #f5f5f5;
@ -33,14 +33,14 @@
--modal-background-color: rgba(0, 0, 0, 0.3);
--nav-bar-background-color: #FFFFFF;
--nav-bar-background-color: #ffffff;
--nav-bar-link-active: #485b6e;
--nav-border-color: #c5ccdb;
--mobile-menu-selected-color: #FFFFFF;
--mobile-menu-selected-color: #ffffff;
--mobile-menu-selected-bgcolor: #9da3af;
--footer-background-color: #FFFFFF;
--footer-background-color: #ffffff;
--footer-border-color: #ebeef3;
--footer-color: #6f7070;
@ -57,11 +57,11 @@
--disabled-color: #727272;
--disabled-sport-color: #616161;
--scroll-button-bg-color: rgba(255, 255, 255, .7);
--scroll-button-bg-color: rgba(255, 255, 255, 0.7);
--workout-trophy-color: #daa520;
--workout-img-color: invert(22%) sepia(25%) saturate(646%) hue-rotate(169deg)
brightness(97%) contrast(96%);
brightness(97%) contrast(96%);
--workout-no-map-bg-color: #eaeaea;
--workout-no-map-color: #585959;
@ -77,5 +77,4 @@
--password-color-strong: #57c255;
--scroll-thumb-color: #949697;
}
}

14
fittrackee_client/src/scss/fonts.scss
View File

@ -4,7 +4,9 @@
font-style: normal;
font-weight: 400;
src: url('~@/assets/fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
src: local('PT Sans'), local('PTSans-Regular'),
src:
local('PT Sans'),
local('PTSans-Regular'),
url('~@/assets/fonts/pt-sans-v9-latin-regular.eot?#iefix')
format('embedded-opentype'),
/* IE6-IE8 */ url('~@/assets/fonts/pt-sans-v9-latin-regular.woff2')
@ -23,7 +25,9 @@
font-style: italic;
font-weight: 400;
src: url('~@/assets/fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
src: local('PT Sans Italic'), local('PTSans-Italic'),
src:
local('PT Sans Italic'),
local('PTSans-Italic'),
url('~@/assets/fonts/pt-sans-v9-latin-italic.eot?#iefix')
format('embedded-opentype'),
/* IE6-IE8 */ url('~@/assets/fonts/pt-sans-v9-latin-italic.woff2')
@ -42,7 +46,9 @@
font-style: normal;
font-weight: 700;
src: url('~@/assets/fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
src: local('PT Sans Bold'), local('PTSans-Bold'),
src:
local('PT Sans Bold'),
local('PTSans-Bold'),
url('~@/assets/fonts/pt-sans-v9-latin-700.eot?#iefix')
format('embedded-opentype'),
/* IE6-IE8 */ url('~@/assets/fonts/pt-sans-v9-latin-700.woff2')
@ -53,4 +59,4 @@
format('truetype'),
/* Safari, Android, iOS */
url('~@/assets/fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}
}

6
fittrackee_client/src/scss/vars.scss
View File

@ -23,6 +23,6 @@ $border-radius: 4px;
/*
* === SCROLLBAR ===
*/
$scrollbar-height : $default-padding * .5;
$scrollbar-width : $scrollbar-height;
$scrollbar-radius : $default-padding;
$scrollbar-height: $default-padding * 0.5;
$scrollbar-width: $scrollbar-height;
$scrollbar-radius: $default-padding;