mirror of
https://github.com/Drop-OSS/drop.git
synced 2025-11-17 10:11:10 +10:00
251ddb8ff8
* feat: database redist support * feat: rearchitecture of database schemas, migration reset, and #180 * feat: import redists * fix: giantbomb logging bug * feat: partial user platform support + statusMessage -> message * feat: add user platform filters to store view * fix: sanitize svg uploads ... copilot suggested this I feel dirty. * feat: beginnings of platform & redist management * feat: add server side redist patching * fix: update drop-base commit * feat: import of custom platforms & file extensions * fix: redelete platform * fix: remove platform * feat: uninstall commands, new R UI * checkpoint: before migrating to nuxt v4 * update to nuxt 4 * fix: fixes for Nuxt v4 update * fix: remaining type issues * feat: initial feedback to import other kinds of versions * working commit * fix: lint * feat: redist import
66 lines
1.9 KiB
Vue
66 lines
1.9 KiB
Vue
<!-- eslint-disable vue/no-v-html -->
|
|
<template>
|
|
<div class="w-full overflow-x-hidden">
|
|
<div class="relative overflow-hidden bg-zinc-900">
|
|
<!-- Decorative background image and gradient -->
|
|
<div aria-hidden="true" class="absolute inset-0">
|
|
<div class="absolute inset-0 overflow-hidden">
|
|
<img
|
|
:src="useObject(company.mBannerObjectId)"
|
|
alt=""
|
|
class="size-full object-cover"
|
|
/>
|
|
</div>
|
|
<div class="absolute inset-0 bg-zinc-900/75" />
|
|
<div class="absolute inset-0 bg-linear-to-t from-zinc-900" />
|
|
</div>
|
|
|
|
<!-- Callout -->
|
|
<section
|
|
aria-labelledby="sale-heading"
|
|
class="relative mx-auto flex max-w-7xl flex-col items-center px-4 pt-32 pb-8 text-center sm:px-6 lg:px-8"
|
|
>
|
|
<div class="mx-auto max-w-2xl lg:max-w-none">
|
|
<h2
|
|
id="sale-heading"
|
|
class="text-4xl font-bold font-display tracking-tight text-zinc-100 sm:text-5xl lg:text-6xl"
|
|
>
|
|
{{ company.mName }}
|
|
</h2>
|
|
<p class="mx-auto line-clamp-3 mt-4 max-w-xl text-xl text-zinc-400">
|
|
{{ company.mShortDescription }}
|
|
</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<StoreView
|
|
:extra-options="[
|
|
{
|
|
name: 'Company',
|
|
param: 'companyActions',
|
|
multiple: true,
|
|
options: [
|
|
{ name: 'Published', param: 'published' },
|
|
{ name: 'Developed', param: 'developed' },
|
|
],
|
|
},
|
|
]"
|
|
:params="{
|
|
company: company.id,
|
|
}"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const route = useRoute();
|
|
const companyId = route.params.id;
|
|
|
|
const { company } = await $dropFetch(`/api/v1/companies/${companyId}`);
|
|
|
|
useHead({
|
|
title: company.mName,
|
|
link: [{ rel: "icon", href: useObject(company.mLogoObjectId) }],
|
|
});
|
|
</script>
|