mirror of
https://github.com/Drop-OSS/drop-app.git
synced 2025-11-10 04:22:13 +10:00
18 lines
520 B
Vue
18 lines
520 B
Vue
<script setup lang="ts">
|
|
import { ArrowDownTrayIcon, CloudIcon } from "@heroicons/vue/20/solid";
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="transition inline-flex items-center rounded-sm px-4 py-1.5 bg-zinc-900 text-sm text-zinc-400 gap-x-2"
|
|
>
|
|
<div class="relative">
|
|
<CloudIcon class="h-5 z-50 text-zinc-500" />
|
|
<div
|
|
class="absolute rounded-full left-1/2 top-1/2 -translate-y-[45%] -translate-x-1/2 w-[2px] h-6 rotate-[45deg] bg-zinc-400 z-50"
|
|
/>
|
|
</div>
|
|
Offline
|
|
</div>
|
|
</template>
|