T-Gander/Sunshine
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(web-ui): add missing featured apps platform icons (#4837)

Browse Source
This commit is contained in:
David Lane
2026-03-11 08:14:27 -04:00
committed by GitHub
parent af44c53447
commit fc52fa3d9e
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src_assets/common/assets/web/featured.html
View File

@@ -119,12 +119,15 @@
<!-- Platform Icons --> <!-- Platform Icons -->
<div class="mb-3"> <div class="mb-3">
<span class="badge bg-secondary me-1" v-for="platform in app.platforms" :key="platform"> <span class="badge bg-secondary me-1" v-for="platform in app.platforms" :key="platform">
<monitor v-if="platform === 'windows'" :size="14" class="icon"></monitor> <smartphone v-if="platform === 'android'" :size="14" class="icon"></smartphone>
<monitor v-else-if="platform === 'macos'" :size="14" class="icon"></monitor> <gamepad2 v-else-if="platform === 'console'" :size="14" class="icon"></gamepad2>
<monitor v-else-if="platform === 'linux'" :size="14" class="icon"></monitor> <gamepad v-else-if="platform === 'handheld'" :size="14" class="icon"></gamepad>
<smartphone v-else-if="platform === 'android'" :size="14" class="icon"></smartphone>
<smartphone v-else-if="platform === 'ios'" :size="14" class="icon"></smartphone> <smartphone v-else-if="platform === 'ios'" :size="14" class="icon"></smartphone>
<monitor v-else-if="platform === 'linux'" :size="14" class="icon"></monitor>
<monitor v-else-if="platform === 'macos'" :size="14" class="icon"></monitor>
<tv v-else-if="platform === 'tv'" :size="14" class="icon"></tv>
<globe v-else-if="platform === 'web'" :size="14" class="icon"></globe> <globe v-else-if="platform === 'web'" :size="14" class="icon"></globe>
<monitor v-else-if="platform === 'windows'" :size="14" class="icon"></monitor>
{{ platformName(platform) }} {{ platformName(platform) }}
</span> </span>
</div> </div>
@@ -237,11 +240,14 @@
ChevronRight, ChevronRight,
CircleDot, CircleDot,
ExternalLink, ExternalLink,
Gamepad,
Gamepad2,
GitFork, GitFork,
Globe, Globe,
Monitor, Monitor,
Smartphone, Smartphone,
Star, Star,
Tv,
} from 'lucide-vue-next' } from 'lucide-vue-next'
const app = createApp({ const app = createApp({
@@ -254,11 +260,14 @@
ChevronRight, ChevronRight,
CircleDot, CircleDot,
ExternalLink, ExternalLink,
Gamepad,
Gamepad2,
GitFork, GitFork,
Globe, Globe,
Monitor, Monitor,
Smartphone, Smartphone,
Star, Star,
Tv,
}, },
data() { data() {
return { return {
@@ -328,12 +337,15 @@
}, },
platformName(platform) { platformName(platform) {
const names = { const names = {
'windows': 'Windows',
'macos': 'macOS',
'linux': 'Linux',
'android': 'Android', 'android': 'Android',
'console': 'Console',
'handheld': 'Handheld',
'ios': 'iOS', 'ios': 'iOS',
'web': 'Web' 'linux': 'Linux',
'macos': 'macOS',
'tv': 'TV',
'web': 'Web',
'windows': 'Windows',
}; };
return names[platform] || platform; return names[platform] || platform;
}, },