jyapayne/Sunshine
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(web-ui): modernize UI (#4631)

Browse source
This commit is contained in:
David Lane 2026-01-29 10:16:37 -05:00 • committed by GitHub
commit 3ce39b36d0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
19 changed files with 3529 additions and 456 deletions
Download patch file Download diff file Expand all files Collapse all files

58
src_assets/common/assets/web/ResourceCard.vue
View file

@ -1,33 +1,59 @@
<template>
<div class="card p-2">
<div class="card">
<div class="card-body">
<h2>{{ $t('resource_card.resources') }}</h2>
<br>
<p>{{ $t('resource_card.resources_desc') }}</p>
<div class="card-group p-4 align-items-center">
<a class="btn btn-success m-1" href="https://app.lizardbyte.dev" target="_blank">
{{ $t('resource_card.lizardbyte_website') }}</a>
<a class="btn btn-primary m-1" href="https://app.lizardbyte.dev/discord" target="_blank">
<i class="fab fa-fw fa-discord"></i> Discord</a>
<a class="btn btn-secondary m-1" href="https://github.com/orgs/LizardByte/discussions" target="_blank">
<i class="fab fa-fw fa-github"></i> {{ $t('resource_card.github_discussions') }}</a>
<div class="d-flex flex-wrap gap-2 mt-4">
<a class="btn btn-success" href="https://app.lizardbyte.dev" target="_blank">
<Globe :size="18" class="icon"></Globe>
{{ $t('resource_card.lizardbyte_website') }}
</a>
<a class="btn btn-primary" href="https://app.lizardbyte.dev/discord" target="_blank">
<SimpleIcon icon="Discord" :size="18" class="icon"></SimpleIcon>
Discord
</a>
<a class="btn btn-secondary" href="https://github.com/orgs/LizardByte/discussions" target="_blank">
<SimpleIcon icon="GitHub" :size="18" class="icon"></SimpleIcon>
{{ $t('resource_card.github_discussions') }}
</a>
</div>
</div>
</div>
<!-- Legal -->
<div class="card p-2 mt-4">
<div class="card mt-4">
<div class="card-body">
<h2>{{ $t('resource_card.legal') }}</h2>
<br>
<p>{{ $t('resource_card.legal_desc') }}</p>
<div class="card-group p-4 align-items-center">
<a class="btn btn-danger m-1" href="https://github.com/LizardByte/Sunshine/blob/master/LICENSE"
<div class="d-flex flex-wrap gap-2 mt-4">
<a class="btn btn-danger" href="https://github.com/LizardByte/Sunshine/blob/master/LICENSE"
target="_blank">
<i class="fas fa-fw fa-file-alt"></i> {{ $t('resource_card.license') }}</a>
<a class="btn btn-danger m-1" href="https://github.com/LizardByte/Sunshine/blob/master/NOTICE"
<FileText :size="18" class="icon"></FileText>
{{ $t('resource_card.license') }}
</a>
<a class="btn btn-danger" href="https://github.com/LizardByte/Sunshine/blob/master/NOTICE"
target="_blank">
<i class="fas fa-fw fa-exclamation"></i> {{ $t('resource_card.third_party_notice') }}</a>
<AlertCircle :size="18" class="icon"></AlertCircle>
{{ $t('resource_card.third_party_notice') }}
</a>
</div>
</div>
</div>
</template>
<script>
import {
AlertCircle,
FileText,
Globe,
} from 'lucide-vue-next'
import SimpleIcon from './SimpleIcon.vue'
export default {
components: {
SimpleIcon,
AlertCircle,
FileText,
Globe,
}
}
</script>