mirror of
https://github.com/ArthurDanjou/arthome.git
synced 2026-01-14 12:14:33 +01:00
Fix style
This commit is contained in:
@@ -12,16 +12,16 @@ defineProps<{
|
||||
<h1 class="font-bold text-xl mb-4">
|
||||
{{ title }}
|
||||
</h1>
|
||||
<div v-if="apps" class="grid grid-cols-1 sm:grid-cols-3 md:grid-cols-4 gap-8">
|
||||
<div v-if="apps" class="grid grid-cols-1 auto-rows-auto sm:grid-cols-3 md:grid-cols-4 gap-8">
|
||||
<ULink v-for="app in apps" :key="app.name" :to="app.url" class="relative" target="_blank">
|
||||
<div v-show="app.primary === true" class="absolute flex h-4 w-4 -right-2 -top-2">
|
||||
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75" />
|
||||
<span class="relative inline-flex rounded-full h-4 w-4 bg-green-500" />
|
||||
</div>
|
||||
<UCard
|
||||
:ui="{ body: { base: 'space-y-4' }, background: 'duration-300 bg-white hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800' }"
|
||||
:ui="{ body: { base: 'space-y-4 h-full' }, background: 'h-full duration-300 bg-white hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800' }"
|
||||
>
|
||||
<div class="flex gap-4 items-center">
|
||||
<div class="flex gap-4 items-center h-full">
|
||||
<UBadge :color="app.color" class="p-2" variant="soft">
|
||||
<UIcon :name="app.icon" size="32" />
|
||||
</UBadge>
|
||||
|
||||
Reference in New Issue
Block a user