github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 14:33:33 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 19

bug: opacity issues

Browse source
This commit is contained in:
Hayden 2021-01-17 09:46:16 -09:00
commit 0989559ded
3 changed files with 2574 additions and 2444 deletions
Download patch file Download diff file Expand all files Collapse all files

4991
frontend/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

14
frontend/package.json
View file

@ -12,24 +12,24 @@
"axios": "^0.21.1", "axios": "^0.21.1",
"core-js": "^3.8.2", "core-js": "^3.8.2",
"fuse.js": "^6.4.6", "fuse.js": "^6.4.6",
"qs": "^6.9.4", "qs": "^6.9.6",
"v-jsoneditor": "^1.4.2", "v-jsoneditor": "^1.4.2",
"vue": "^2.6.11", "vue": "^2.6.11",
"vue-i18n": "^8.22.3", "vue-i18n": "^8.22.4",
"vue-router": "^3.4.9", "vue-router": "^3.4.9",
"vuetify": "^2.4.2", "vuetify": "^2.4.2",
"vuex": "^3.6.0", "vuex": "^3.6.0",
"vuex-persistedstate": "^4.0.0-beta.2" "vuex-persistedstate": "^4.0.0-beta.3"
}, },
"devDependencies": { "devDependencies": {
"@intlify/vue-i18n-loader": "^1.0.0", "@intlify/vue-i18n-loader": "^1.0.0",
"@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-plugin-babel": "^4.5.10",
"@vue/cli-plugin-eslint": "~4.5.0", "@vue/cli-plugin-eslint": "^4.5.10",
"@vue/cli-service": "~4.5.0", "@vue/cli-service": "^4.5.10",
"babel-eslint": "^10.1.0", "babel-eslint": "^10.1.0",
"eslint": "^6.7.2", "eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2", "eslint-plugin-vue": "^6.2.2",
"sass": "^1.32.0", "sass": "^1.32.4",
"sass-loader": "^8.0.0", "sass-loader": "^8.0.0",
"vue-cli-plugin-i18n": "~1.0.1", "vue-cli-plugin-i18n": "~1.0.1",
"vue-cli-plugin-vuetify": "^2.0.8", "vue-cli-plugin-vuetify": "^2.0.8",

13
frontend/src/components/Recipe/RecipeTimeCard.vue
View file

@ -1,5 +1,10 @@
<template> <template>
<v-card color="accent" class="transparent" tile :width="`${timeCardWidth}`"> <v-card
color="accent"
class="custom-transparent"
tile
:width="`${timeCardWidth}`"
>
<v-card-text <v-card-text
class="text-caption white--text" class="text-caption white--text"
v-if="totalTime || prepTime || performTime" v-if="totalTime || prepTime || performTime"
@ -95,8 +100,8 @@ export default {
}; };
</script> </script>
<style> <style scoped>
.transparent { .custom-transparent {
opacity: 70% !important; opacity: 0.7;
} }
</style> </style>