Ryan/drop-app
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop-app.git synced 2025-11-13 00:02:41 +10:00
Code Issues Packages Projects Releases Wiki Activity

style(library): Re-designed Library UI with new features

Browse Source
This commit is contained in:
Aden Lindsay
2025-02-15 16:41:32 +10:30
parent 00f55ff3ae
commit 8520b255a3
7 changed files with 483 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
pages/library/index.vue
View File

@ -1,9 +1,24 @@
<script setup lang="ts">
const props = defineProps<{ libraryDownloadError: boolean }>();
</script>
<template>
<div v-if="libraryDownloadError" class="mx-auto pt-10 text-center text-gray-500">
Library Failed to update
</div>
</template>
<div class="h-full flex flex-col items-center justify-center">
<div class="text-center">
<div class="flex flex-col items-center gap-y-4">
<div class="p-4 rounded-xl bg-zinc-800/50 backdrop-blur-sm">
<RocketLaunchIcon class="size-12 text-zinc-600" />
</div>
<div>
<h3 class="text-xl font-display font-semibold text-zinc-100">Select a game</h3>
<p class="mt-1 text-sm text-zinc-500">Choose a game from your library to view details</p>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { RocketLaunchIcon } from '@heroicons/vue/24/outline';
const props = defineProps<{ libraryDownloadError: boolean }>();
</script>