frontend: cleanup support page

This commit is contained in:
Tyler Wilding 2023-02-18 20:46:04 -05:00
parent c5ea5a3b82
commit 6ba8f6b470
No known key found for this signature in database
GPG key ID: 77CB07796494137E
3 changed files with 49 additions and 45 deletions

View file

@ -67,7 +67,7 @@
use:link use:link
> >
<Icon icon="material-symbols:settings" width={36} height={36} /> <Icon icon="material-symbols:settings" width={36} height={36} />
<Tooltip rounded={false} arrow={false} placement="right" style="dark" <Tooltip placement="right" style="dark"
>Settings</Tooltip >Settings</Tooltip
> >
</a> </a>
@ -80,8 +80,8 @@
use:link use:link
> >
<Icon icon="material-symbols:contact-support" width={36} height={36} /> <Icon icon="material-symbols:contact-support" width={36} height={36} />
<Tooltip rounded={false} arrow={false} placement="right" style="dark" <Tooltip placement="right" style="dark"
>FAQ</Tooltip >Support&nbsp;&&nbsp;FAQ</Tooltip
> >
</a> </a>
</li> </li>

View file

@ -1,48 +1,52 @@
<script> <script>
import { Alert, Button } from "flowbite-svelte"; import { Button } from "flowbite-svelte";
import Icon from '@iconify/svelte';
</script> </script>
<div class="ml-20"> <div class="ml-20">
<div class="flex flex-col h-5/6 p-8"> <!-- TODO - the static height here is kinda a hack, it's because the
<Alert color="dark" rounded={false} accent> header and the rest of the layout aren't within a shared container -->
<span class="text-lg font-medium text-black-900 dark:text-blue-800" <div class="flex flex-col h-[544px] bg-slate-900 p-4 gap-3">
>Help & Support</span <h1 class="font-semibold text-xl text-orange-500">Support & FAQ</h1>
<p class="text-sm">
If you are reporting an issue or asking for help, download the following
support package and attach it in your Discord thread or GitHub issue.
</p>
<div class="flex flex-row mt-1">
<Button
btnClass="border-solid rounded bg-orange-400 hover:bg-orange-600 text-sm text-slate-900 font-semibold px-5 py-2"
href="https://github.com/open-goal/launcher/issues/new"
target="_blank"
rel="noreferrer noopener">Download Support Package</Button
> >
<div slot="extra"> </div>
<div class="mt-2 mb-4 text-sm text-blue-700 dark:text-blue-800"> <p class="mt-3 text-sm">
Please use the discord search feature to see if your question has You can either ask a question on our Discord, or create a GitHub issue
already been answered with as much detail as possible.
</div> </p>
<div class="flex flex-col gap-2"> <p class="text-sm">
<Button In either location, please do a quick search to see if the question has
class="!rounded-none" already been answered before
href="https://github.com/open-goal/launcher/issues" </p>
target="_blank" <div class="flex flex-row gap-2">
rel="noreferrer noopener" <Button
size="md" btnClass="flex items-center border-solid rounded bg-white hover:bg-orange-400 text-sm text-slate-900 font-semibold px-5 py-2"
outline href="https://discord.gg/VZbXMHXzWv"
color="blue">Report Launcher Issue</Button target="_blank"
> rel="noreferrer noopener"><Icon class="inline-block" icon="ic:baseline-discord" width={20} />&nbsp;Discord</Button
<Button >
class="!rounded-none" <Button
href="https://github.com/open-goal/jak-project/issues" btnClass="flex items-center border-solid rounded bg-white hover:bg-orange-400 text-sm text-slate-900 font-semibold px-5 py-2"
target="_blank" href="https://github.com/open-goal/launcher/issues/new"
rel="noreferrer noopener" target="_blank"
size="md" rel="noreferrer noopener"><Icon class="inline-block" icon="mdi:github" width={20}/>&nbsp;Report Launcher Issue</Button
outline >
color="blue">Report Game Issue</Button <Button
> btnClass="flex items-center border-solid rounded bg-white hover:bg-orange-400 text-sm text-slate-900 font-semibold px-5 py-2"
<Button href="https://github.com/open-goal/jak-project/issues/new/choose"
class="!rounded-none" target="_blank"
href="https://discord.gg/VZbXMHXzWv" rel="noreferrer noopener"><Icon class="inline-block" icon="mdi:github" width={20}/>&nbsp;Report Game Issue</Button
target="_blank" >
rel="noreferrer noopener" </div>
size="md"
outline
color="blue">Discord</Button
>
</div>
</div>
</Alert>
</div> </div>
</div> </div>

View file

@ -1,4 +1,4 @@
<script> <script>
</script> </script>
<p class="text-sm text-slate-100 dark:text-gray-00 mt-2">Nothing yet</p> <p class="text-sm text-slate-100 dark:text-gray-00 mt-2">Nothing here yet</p>