diff --git a/assets/styles/injected.scss b/assets/styles/injected.scss index 485f82887..1c6eb7d02 100644 --- a/assets/styles/injected.scss +++ b/assets/styles/injected.scss @@ -86,5 +86,8 @@ .capitalize { text-transform: capitalize; } + .ellipsis { + text-overflow: ellipsis; + } } } diff --git a/components/Advertisement.vue b/components/Advertisement.vue new file mode 100644 index 000000000..6d813ba6d --- /dev/null +++ b/components/Advertisement.vue @@ -0,0 +1,34 @@ + + + + + diff --git a/components/ModPage.vue b/components/ModPage.vue index 64765c9e1..cc75b3034 100644 --- a/components/ModPage.vue +++ b/components/ModPage.vue @@ -20,12 +20,10 @@

-
@@ -79,12 +77,10 @@
-
@@ -119,12 +115,10 @@

Available For

{{ - versions[versions.length - 1] - ? versions[versions.length - 1].game_versions[ - versions[versions.length - 1].game_versions.length - 1 - ] - ? versions[versions.length - 1].game_versions[ - versions[versions.length - 1].game_versions.length - 1 + versions[0] + ? versions[0].game_versions[0] + ? versions[0].game_versions[ + versions[0].game_versions.length - 1 ] : 'None' : 'None' @@ -166,7 +160,7 @@

License

-

+

- + @@ -307,10 +306,12 @@ import ExternalIcon from '~/assets/images/utils/external.svg?inline' import ForgeIcon from '~/assets/images/categories/forge.svg?inline' import FabricIcon from '~/assets/images/categories/fabric.svg?inline' +import Advertisement from '~/components/Advertisement' export default { name: 'ModPage', components: { + Advertisement, MFooter, Categories, ExternalIcon, diff --git a/pages/mods.vue b/pages/mods.vue index cf60fe069..7649983a5 100644 --- a/pages/mods.vue +++ b/pages/mods.vue @@ -63,7 +63,7 @@ >
- +
- + @@ -287,10 +287,12 @@ import ForgeLoader from '~/assets/images/categories/forge.svg?inline' import FabricLoader from '~/assets/images/categories/fabric.svg?inline' import SearchIcon from '~/assets/images/utils/search.svg?inline' +import Advertisement from '~/components/Advertisement' export default { auth: false, components: { + Advertisement, MFooter, SearchResult, Pagination, @@ -623,6 +625,7 @@ export default { flex-shrink: 0; // Stop shrinking when page contents change .filters-wrapper { padding: 0.25rem 0.75rem 0.75rem 0.75rem; + margin-bottom: var(--spacing-card-md); } h3 { @extend %large-label; diff --git a/pages/user/_id.vue b/pages/user/_id.vue index af8d6e3e5..f3a0aae03 100644 --- a/pages/user/_id.vue +++ b/pages/user/_id.vue @@ -45,11 +45,11 @@ - +
- +