* initial commit federation * more federation * more federation * more federation * completes follow, accept, undo * add trail create activity * process trail create activity * more trail create activity * adds missing endpoints * adds update and delete activity * adds comment activities * adds activities back * adds summit logs activities * deletes follow counts table * fixes migrations * fixes migrations * fixes migrations * fixes migrations * adds remote profiles * ctd * ctd * we are getting closer... * adds public summit logs * fixes federated trails in lists * adds remote lists * adds list activites * fixes lists * adds notifications * adds iri redirect * fixes comments and summitlogs * fixes follows and profiles * adds asynchronous send * fixes list search * adds encryption key * bug fixes * fixes activity signing * removes custon activity object types * adds html editor * fixes html editor * fixes display issues on mastodon * adds federated sharing * finishes announcements * fixes small summit log issues * adds trail likes * finalizes likes * fixes images for komoot * add disable federation option * adds private profiles * updates docs * adds federated comments * adds trail and comments actvitiypub routes * adds mentions to editor * adds mentions to trails, comments, summit logs * updates theme * updates theme * update docs * update docs * updates docs * fixes various frontend problems * fixes activitypub follows api * updates docs * updates docs --------- Co-authored-by: Christian Beutel <>
54 lines
2.1 KiB
Svelte
54 lines
2.1 KiB
Svelte
<div class="animate-pulse space-y-4 p-4">
|
|
<!-- Table Header Skeleton -->
|
|
<div class="flex items-center justify-between gap-4 px-2">
|
|
<div class="h-5 w-20 bg-menu-item-background-focus rounded"></div>
|
|
<div class="h-5 w-16 bg-menu-item-background-focus rounded"></div>
|
|
<div class="h-5 w-24 bg-menu-item-background-focus rounded"></div>
|
|
<div class="h-5 w-24 bg-menu-item-background-focus rounded"></div>
|
|
<div class="h-5 w-16 bg-menu-item-background-focus rounded"></div>
|
|
<div class="h-5 w-12 bg-menu-item-background-focus rounded"></div>
|
|
<div class="h-5 w-8 bg-menu-item-background-focus rounded"></div>
|
|
</div>
|
|
|
|
<!-- Repeatable Skeleton Rows -->
|
|
<div class="space-y-2">
|
|
{#each { length: 5 } as _, index}
|
|
<!-- Row 1 -->
|
|
<div class="flex items-center justify-between gap-4 px-2">
|
|
<!-- Image placeholder -->
|
|
<div
|
|
class="h-10 w-10 bg-menu-item-background-focus rounded-lg"
|
|
></div>
|
|
<!-- Date -->
|
|
<div
|
|
class="h-4 w-20 bg-menu-item-background-focus rounded"
|
|
></div>
|
|
<!-- Distance -->
|
|
<div
|
|
class="h-4 w-16 bg-menu-item-background-focus rounded"
|
|
></div>
|
|
<!-- Elevation gain -->
|
|
<div
|
|
class="h-4 w-24 bg-menu-item-background-focus rounded"
|
|
></div>
|
|
<!-- Elevation loss -->
|
|
<div
|
|
class="h-4 w-24 bg-menu-item-background-focus rounded"
|
|
></div>
|
|
<!-- Duration -->
|
|
<div
|
|
class="h-4 w-12 bg-menu-item-background-focus rounded"
|
|
></div>
|
|
<!-- Author -->
|
|
<div
|
|
class="h-6 w-6 bg-menu-item-background-focus rounded-full"
|
|
></div>
|
|
<!-- Map icon -->
|
|
<div
|
|
class="h-5 w-5 bg-menu-item-background-focus rounded-md"
|
|
></div>
|
|
</div>
|
|
{/each}
|
|
</div>
|
|
</div>
|