[Client] fix scss import

This commit is contained in:
Sam
2021-11-29 11:23:21 +01:00
parent 406574168b
commit 8bad9d1bfa
116 changed files with 120 additions and 140 deletions

View File

@ -72,8 +72,8 @@
}
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
<style lang="scss">
@import '~@/scss/base.scss';
.app-container {
height: $app-height;

View File

@ -149,7 +149,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.user-limit-help {
display: flex;

View File

@ -65,7 +65,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#admin-menu {
display: flex;

View File

@ -111,7 +111,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#admin-sports {
table {
td {

View File

@ -198,7 +198,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#admin-users {
.top-button {
display: none;

View File

@ -42,7 +42,6 @@
</script>
<style lang="scss">
@import '~@/scss/base';
#user-stats {
display: flex;
flex-wrap: wrap;

View File

@ -5,7 +5,7 @@
</template>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#bike {
display: flex;

View File

@ -13,7 +13,7 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.alert-message {
background: var(--alert-background-color);
color: var(--alert-color);

View File

@ -10,7 +10,7 @@
</template>
<style lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.card {
border: solid 1px var(--card-border-color);

View File

@ -46,7 +46,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
.custom-textarea {
display: flex;
flex-direction: column;

View File

@ -55,7 +55,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
.strong {
font-weight: bold;
}

View File

@ -26,8 +26,6 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
#error {
display: flex;
align-items: center;

View File

@ -20,7 +20,7 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.error-message {
background: var(--error-background-color);
color: var(--error-color);

View File

@ -66,7 +66,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.table-selects {
display: flex;

View File

@ -3,7 +3,6 @@
</template>
<style scoped lang="scss">
@import '~@/scss/base';
.loader {
animation: spin 2s linear infinite;
border: 14px solid var(--app-loading-color);

View File

@ -58,7 +58,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#modal {
position: fixed;
top: 0;

View File

@ -66,7 +66,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.pagination-center {
display: flex;

View File

@ -25,7 +25,7 @@
</script>
<style lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.stat-card {
flex: 1;
max-width: 25%;

View File

@ -40,8 +40,6 @@
</script>
<style lang="scss">
@import '~@/scss/base';
.static-map {
display: flex;
position: relative;

View File

@ -202,7 +202,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars';
.start-chart {
.chart-radio {
display: flex;

View File

@ -85,8 +85,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
#timeline {
margin-bottom: 20px;

View File

@ -91,7 +91,7 @@
</script>
<style lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.calendar-cells {
display: flex;
flex-direction: column;

View File

@ -22,7 +22,7 @@
</script>
<style lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.calendar-days {
display: flex;
flex-direction: row;

View File

@ -36,7 +36,7 @@
</script>
<style lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.calendar-header {
display: flex;
flex-direction: row;

View File

@ -40,7 +40,7 @@
</script>
<style lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.calendar-workout {
display: flex;

View File

@ -58,7 +58,7 @@
</script>
<style lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.calendar-workouts {
.desktop-display {
display: flex;

View File

@ -49,7 +49,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.calendar-workouts-chart {
display: flex;

View File

@ -82,7 +82,6 @@
</script>
<style lang="scss">
@import '~@/scss/base';
#user-calendar {
.calendar-card {
padding: 0;

View File

@ -40,7 +40,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.user-month-stats {
::v-deep(.card-content) {

View File

@ -42,7 +42,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.records-card {
width: 100%;

View File

@ -48,7 +48,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.user-records {
.no-records {

View File

@ -69,7 +69,6 @@
</script>
<style lang="scss">
@import '~@/scss/base';
#user-stats {
display: flex;
flex: 1 0 25%;

View File

@ -49,7 +49,7 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#footer {
display: flex;

View File

@ -122,7 +122,9 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/fonts.scss';
@import '~@/scss/colors.scss';
@import '~@/scss/vars.scss';
#nav {
background: var(--nav-bar-background-color);

View File

@ -29,7 +29,7 @@
</template>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#no-config {
display: flex;

View File

@ -52,8 +52,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
.chart-menu {
display: flex;

View File

@ -50,7 +50,7 @@
</script>
<style lang="scss">
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.sports-menu {
display: flex;
flex-wrap: wrap;

View File

@ -86,7 +86,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#user-statistics {
&.stats-disabled {

View File

@ -30,7 +30,7 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#password-action-done {
display: flex;

View File

@ -26,8 +26,6 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
#password-reset-request {
::v-deep(.card) {
.card-content {

View File

@ -48,7 +48,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.user-header {
display: flex;

View File

@ -86,7 +86,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
#user-infos {
.user-bio {
white-space: pre-wrap;

View File

@ -26,7 +26,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#user-profile {
margin: auto;

View File

@ -80,7 +80,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#tz-dropdown {
display: flex;

View File

@ -169,7 +169,7 @@
</script>
<style lang="scss">
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.form-buttons {
flex-direction: row;

View File

@ -79,7 +79,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#user-picture-edition {
.user-picture-form {

View File

@ -202,7 +202,8 @@
</script>
<style scoped lang="scss">
@import '~@/scss/base';
@import '~@/scss/colors.scss';
@import '~@/scss/vars.scss';
#user-auth-form {
display: flex;

View File

@ -31,8 +31,6 @@
</script>
<style lang="scss">
@import '~@/scss/base.scss';
.user-picture {
display: flex;
justify-content: center;

View File

@ -50,7 +50,7 @@
</script>
<style lang="scss">
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.profile-tabs {
margin: $default-margin 0 $default-margin;

View File

@ -246,7 +246,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#user-sport-preferences {
.sport-img {
height: 35px;

View File

@ -173,7 +173,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.mountains {
padding-right: $default-padding * 0.5;

View File

@ -98,7 +98,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout-card-title {
display: flex;

View File

@ -223,7 +223,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout-chart {
::v-deep(.card) {
.card-title {

View File

@ -122,7 +122,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout-info {
display: flex;
flex-direction: column;

View File

@ -106,7 +106,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout-map {
padding: $default-padding 0;
.leaflet-container,

View File

@ -23,7 +23,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
#workout-note {
::v-deep(.card-content) {
font-style: italic;

View File

@ -27,7 +27,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
.workout-record {
sup {
font-size: 75%;

View File

@ -43,7 +43,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout-segments {
::v-deep(.card) {
.card-title {

View File

@ -130,7 +130,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout-weather {
padding-top: $default-padding;
.weather-img {

View File

@ -176,7 +176,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
.workout-detail {
display: flex;
::v-deep(.card) {

View File

@ -412,7 +412,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout-edition {
@media screen and (max-width: $small-limit) {

View File

@ -10,7 +10,6 @@
</template>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
.no-workouts {
display: flex;
justify-content: center;

View File

@ -219,7 +219,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.workouts-filters {
.form {

View File

@ -279,7 +279,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
.workouts-list {
display: flex;
flex-direction: column;

View File

@ -39,7 +39,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#admin {
.admin-card {

View File

@ -101,7 +101,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#dashboard {
.dashboard-container {
display: flex;

View File

@ -39,7 +39,6 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
#statistics {
display: flex;
width: 100%;

View File

@ -25,8 +25,8 @@
const { action } = toRefs(props)
</script>
<style lang="scss">
@import '~@/scss/base';
<style lang="scss" scoped>
@import '~@/scss/vars.scss';
#loginOrRegister {
display: flex;

View File

@ -37,7 +37,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#password-reset {
display: flex;

View File

@ -20,7 +20,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#profile {
display: flex;
flex-direction: column;

View File

@ -36,7 +36,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base.scss';
@import '~@/scss/vars.scss';
#user {
margin: auto;

View File

@ -135,7 +135,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workout {
display: flex;
.container {

View File

@ -58,7 +58,7 @@
</script>
<style lang="scss" scoped>
@import '~@/scss/base';
@import '~@/scss/vars.scss';
#workouts {
height: 100%;