aboutsummaryrefslogtreecommitdiff
path: root/src-vue/src/components/ThunderstoreModCard.vue
diff options
context:
space:
mode:
authorRémy Raes <contact@remyraes.com>2023-06-08 01:53:46 +0200
committerGitHub <noreply@github.com>2023-06-08 01:53:46 +0200
commitdfbf3aebde6cf024e6b6cd87d58af239cf3d63dc (patch)
tree2a0007a054b485f21b5a151a966cd15fe3fe8943 /src-vue/src/components/ThunderstoreModCard.vue
parent24f6d28b3c2421fd20cd7f3036cdfed98f89e755 (diff)
downloadFlightCore-dfbf3aebde6cf024e6b6cd87d58af239cf3d63dc.tar.gz
FlightCore-dfbf3aebde6cf024e6b6cd87d58af239cf3d63dc.zip
fix: Don't show deprecated mods (#382)
* fix: don't show deprecated mods * feat: add setting to settings view * feat: display deprecated mod cards in red
Diffstat (limited to 'src-vue/src/components/ThunderstoreModCard.vue')
-rw-r--r--src-vue/src/components/ThunderstoreModCard.vue15
1 files changed, 14 insertions, 1 deletions
diff --git a/src-vue/src/components/ThunderstoreModCard.vue b/src-vue/src/components/ThunderstoreModCard.vue
index a0e8c481..c25b19a2 100644
--- a/src-vue/src/components/ThunderstoreModCard.vue
+++ b/src-vue/src/components/ThunderstoreModCard.vue
@@ -1,5 +1,5 @@
<template>
- <el-card :body-style="{ padding: '0px' }">
+ <el-card :body-style="getBodyStyle" :style="getCardStyle">
<img
:src="latestVersion.icon"
class="image"
@@ -89,6 +89,14 @@ export default defineComponent({
isBeingUpdated: false
}),
computed: {
+ getBodyStyle(): Object {
+ return this.mod.is_deprecated ? { 'background-color': 'rgba(255, 0, 0, 0.42)' } : {};
+ },
+
+ getCardStyle(): Object {
+ return this.mod.is_deprecated ? { 'border': '1px solid red' } : {};
+ },
+
latestVersion(): ThunderstoreModVersion {
return this.mod.versions[0];
},
@@ -264,6 +272,11 @@ export default defineComponent({
display: inline-block;
max-width: 178px;
margin: 5px;
+ --el-card-padding: 0;
+}
+
+.deprecated {
+ background-color: red !important;
}
.author {