mirror of
https://github.com/versia-pub/frontend.git
synced 2026-03-13 11:39:16 +01:00
feat: 💄 UI changes, new collapsible sidebars
This commit is contained in:
parent
45eb8c6309
commit
d8c7558bcb
14 changed files with 222 additions and 180 deletions
18
components/avatars/Centered.vue
Normal file
18
components/avatars/Centered.vue
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<template>
|
||||
<div v-bind="$props" class="bg-dark-700 overflow-hidden flex items-center justify-center">
|
||||
<Skeleton :enabled="!url" class="!h-full !w-full">
|
||||
<img class="cursor-pointer bg-dark-700 ring-1 w-full h-full object-cover" :src="url" :alt="alt" />
|
||||
</Skeleton>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import type { HTMLAttributes } from "vue";
|
||||
|
||||
interface Props extends /* @vue-ignore */ HTMLAttributes {
|
||||
url?: string;
|
||||
alt?: string;
|
||||
}
|
||||
|
||||
defineProps<Props>();
|
||||
</script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue