You've already forked AstralRinth
forked from didirus/AstralRinth
7ccc32675b
* feat: abstract api-client DI into ui package * feat: cross platform page system * feat: tanstack as cross platform useAsyncData * feat: archon servers routes + labrinth billing routes * fix: dont use partial * feat: migrate server list page to tanstack + api-client + re-enabled broken features! * feat: migrate servers manage page to api-client before page system * feat: migrate manage page to page system * fix: type issues * fix: upgrade wrapper bugs * refactor: move state types into api-client * feat: disable financial stuff on app frontend * feat: finalize cross platform page system for now * fix: lint * fix: build issues * feat: remove papaparse * fix: lint * fix: interface error --------- Co-authored-by: Prospector <6166773+Prospector@users.noreply.github.com>
29 lines
615 B
Vue
29 lines
615 B
Vue
<template>
|
|
<div
|
|
class="experimental-styles-within flex size-16 shrink-0 overflow-hidden rounded-xl border-[1px] border-solid border-button-border bg-button-bg shadow-sm"
|
|
>
|
|
<client-only>
|
|
<img
|
|
v-if="image"
|
|
class="h-full w-full select-none object-fill"
|
|
alt="Server Icon"
|
|
:src="image"
|
|
/>
|
|
<img
|
|
v-else
|
|
class="h-full w-full select-none object-fill"
|
|
alt="Server Icon"
|
|
:src="MinecraftServerIcon"
|
|
/>
|
|
</client-only>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { MinecraftServerIcon } from '@modrinth/assets'
|
|
|
|
defineProps<{
|
|
image: string | undefined
|
|
}>()
|
|
</script>
|