diff --git a/assets/styles/components.scss b/assets/styles/components.scss index 4550d2f0d..02291e0ee 100644 --- a/assets/styles/components.scss +++ b/assets/styles/components.scss @@ -1271,3 +1271,23 @@ button { color: var(--color-button-text-active); } } + +.primary-stat { + align-items: center; + display: flex; + margin-bottom: 0.6rem; + + .primary-stat__icon { + height: 1rem; + width: 1rem; + } + + .primary-stat__text { + margin-left: 0.4rem; + } + + .primary-stat__counter { + font-size: var(--font-size-lg); + font-weight: bold; + } +} diff --git a/pages/_type/_id.vue b/pages/_type/_id.vue index 7c4a04e8a..6aca54328 100644 --- a/pages/_type/_id.vue +++ b/pages/_type/_id.vue @@ -84,15 +84,23 @@ class="categories" />
-
- {{ $formatNumber(project.downloads) }} - downloads - {{ $formatNumber(project.followers) }} - followers +
+
+
+
-
@@ -566,26 +566,6 @@ export default { gap: 0.5rem; } -.primary-stat { - align-items: center; - display: flex; - margin-bottom: 0.6rem; -} - -.primary-stat__icon { - height: 1rem; - width: 1rem; -} - -.primary-stat__text { - margin-left: 0.4rem; -} - -.primary-stat__counter { - font-size: var(--font-size-md); - font-weight: bold; -} - .date { cursor: default; }