* Revert "fix: featured version ui shifts (#1191)"

This reverts commit 3036f43b75.

* Revert "Fix CTRL clicking on versions issue (#1189)"

This reverts commit f4560bd7d8.
This commit is contained in:
Prospector
2023-06-20 14:51:49 -07:00
committed by GitHub
parent 247be0c11f
commit 6b940ed675

View File

@@ -569,36 +569,38 @@
<ChevronRightIcon class="featured-header-chevron" aria-hidden="true" /> <ChevronRightIcon class="featured-header-chevron" aria-hidden="true" />
</nuxt-link> </nuxt-link>
</div> </div>
<ClientOnly> <div
<NuxtLink v-for="version in featuredVersions"
v-for="(version, index) in featuredVersions" :key="version.id"
:key="index"
class="featured-version button-transparent" class="featured-version button-transparent"
:to="`/${project.project_type}/${ @click="
$router.push(
`/${project.project_type}/${
project.slug ? project.slug : project.id project.slug ? project.slug : project.id
}/version/${encodeURI(version.displayUrlEnding)}`" }/version/${encodeURI(version.displayUrlEnding)}`
:ref_key="`featured-version-${index}`" )
"
> >
<NuxtLink <a
v-tooltip=" v-tooltip="
version.primaryFile.filename + ' (' + $formatBytes(version.primaryFile.size) + ')' version.primaryFile.filename + ' (' + $formatBytes(version.primaryFile.size) + ')'
" "
:to="version.primaryFile.url" :href="version.primaryFile.url"
external
class="download square-button brand-button" class="download square-button brand-button"
:aria-label="`Download ${version.name}`" :aria-label="`Download ${version.name}`"
@click.stop="(event) => event.stopPropagation()"
> >
<DownloadIcon aria-hidden="true" /> <DownloadIcon aria-hidden="true" />
</NuxtLink> </a>
<div class="info"> <div class="info">
<NuxtLink <nuxt-link
:to="`/${project.project_type}/${ :to="`/${project.project_type}/${
project.slug ? project.slug : project.id project.slug ? project.slug : project.id
}/version/${encodeURI(version.displayUrlEnding)}`" }/version/${encodeURI(version.displayUrlEnding)}`"
class="top" class="top"
> >
{{ version.name }} {{ version.name }}
</NuxtLink> </nuxt-link>
<div v-if="version.game_versions.length > 0" class="game-version item"> <div v-if="version.game_versions.length > 0" class="game-version item">
{{ version.loaders.map((x) => $formatCategory(x)).join(', ') }} {{ version.loaders.map((x) => $formatCategory(x)).join(', ') }}
{{ $formatVersion(version.game_versions) }} {{ $formatVersion(version.game_versions) }}
@@ -607,8 +609,7 @@
<Badge v-else-if="version.version_type === 'beta'" type="beta" color="orange" /> <Badge v-else-if="version.version_type === 'beta'" type="beta" color="orange" />
<Badge v-else-if="version.version_type === 'alpha'" type="alpha" color="red" /> <Badge v-else-if="version.version_type === 'alpha'" type="alpha" color="red" />
</div> </div>
</NuxtLink> </div>
</ClientOnly>
<hr class="card-divider" /> <hr class="card-divider" />
</template> </template>
<h2 class="card-header">Project members</h2> <h2 class="card-header">Project members</h2>