diff --git a/src/assets/app.scss b/src/assets/app.scss index c246500..d602170 100644 --- a/src/assets/app.scss +++ b/src/assets/app.scss @@ -197,6 +197,11 @@ body { } } + .media.no-subtitle { + display: flex; + align-items: center; + } + .media-content { overflow: hidden; text-overflow: inherit; diff --git a/src/components/services/Generic.vue b/src/components/services/Generic.vue index 3238ead..08bd3f6 100644 --- a/src/components/services/Generic.vue +++ b/src/components/services/Generic.vue @@ -1,16 +1,3 @@ - - - -*/ - - - - - - + @@ -33,7 +20,9 @@ export default {}; {{ item.name }} - {{ item.subtitle }} + + {{ item.subtitle }} + @@ -51,11 +40,23 @@ export default { props: { item: Object, }, + computed: { + mediaClass: function () { + return { media: true, "no-subtitle": !this.item.subtitle }; + }, + }, };
{{ item.name }}
{{ item.subtitle }}
+ {{ item.subtitle }} +