Project, Search, User redesign (#1281)

* New project page * fix silly icon tailwind classes * Start new versions page, add new ButtonStyled component * Pagination and finish mocking up versions page functionality * green download button * hover animation * New Modal, Avatar refactor, subpages in NavTabs * lint * Download modal * New user page + fix lint * fix ui lint * Download animation fix * Versions filter + finish project page * Improve consistency of buttons on home page * Fix ButtonStyled breaking * Fix margin on version summary * finish search, new modals, user + project page mobile * fix gallery image pages * New project header * Fix gallery tab showing improperly * Use auto direction + position for all popouts * Preliminary user page * test to see if this fixes login stuff * remove extra slash * Add version actions, move download button on versions page * Listed -> public * Shorten download modal selector height * Fix user menu open direction * Change breakpoint for header collapse * Only underline title * Tighten padding on stats a little * New nav * Make mobile breakpoint more consistent * fix header breakpoint regression * Add sign in button * Fix edit icon color * Fix margin at top of screen * Fix user bios and ad width * Fix user nav showing when there's only one type of project * Fix plural projects on user page & extract i18n * Remove ads on mobile for now * Fix overflow menu showing hidden items * NavTabs on mobile * Fix navbar z index * Search filter overhaul + negative filters * fix no-max-height * port version filters, fix following/collections, lint * hide promos * ui lint * Disable modal background animation to reduce reported motion sickness * Hide install with modrinth app button on mobile --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com> Co-authored-by: Prospector <prospectordev@gmail.com>
2024-08-20 23:03:16 -07:00
parent a19ce0458a
commit 2d416d491c
101 changed files with 5361 additions and 4488 deletions
--- a/packages/ui/src/components/version/VersionChannelIndicator.vue
+++ b/packages/ui/src/components/version/VersionChannelIndicator.vue
@@ -0,0 +1,40 @@
+<script setup lang="ts">
+import { useVIntl, defineMessages } from '@vintl/vintl'
+import { computed } from 'vue'
+
+const { formatMessage } = useVIntl()
+
+const props = withDefaults(
+  defineProps<{
+    channel: 'release' | 'beta' | 'alpha'
+    large?: boolean
+  }>(),
+  {
+    large: false,
+  },
+)
+
+const messages = defineMessages({
+  releaseSymbol: {
+    id: 'project.versions.channel.release.symbol',
+    defaultMessage: 'R',
+  },
+  betaSymbol: {
+    id: 'project.versions.channel.beta.symbol',
+    defaultMessage: 'B',
+  },
+  alphaSymbol: {
+    id: 'project.versions.channel.alpha.symbol',
+    defaultMessage: 'A',
+  },
+})
+</script>
+
+<template>
+  <div
+    :style="`--_size: ${size};`"
+    :class="`flex ${large ? 'text-lg w-[2.625rem] h-[2.625rem]' : 'text-sm w-9 h-9'} font-bold justify-center items-center rounded-full ${channel === 'release' ? 'bg-bg-green text-brand-green' : channel === 'beta' ? 'bg-bg-orange text-brand-orange' : 'bg-bg-red text-brand-red'}`"
+  >
+    {{ channel ? formatMessage(messages[`${channel}Symbol`]) : '?' }}
+  </div>
+</template>