Files
wanderer/web/src/lib/components/base/skeleton_table.svelte
Flomp 9276690d60 Federation (#327)
* 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 <>
2025-06-21 10:09:22 +02:00

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>