From a139d1278ad137c208774e03bc965546dd15faf7 Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Wed, 9 Jul 2025 16:51:11 +1000
Subject: [PATCH] add: fundamental of mini player ui

---
 src/components/MiniPlayer.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/components/MiniPlayer.vue

diff --git a/src/components/MiniPlayer.vue b/src/components/MiniPlayer.vue
new file mode 100644
index 0000000..9a78b09
--- /dev/null
+++ b/src/components/MiniPlayer.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+	<div
+		class="h-9 w-52 bg-neutral-800/80 border border-[#ffffff39] rounded-full backdrop-blur-3xl flex items-center justify-between select-none">
+		<div class="flex items-center gap-2">
+			<div class="rounded-full w-9 h-9 bg-gray-600" />
+			<div class="text-white">Song title</div>
+		</div>
+	</div>
+</template>
\ No newline at end of file