<template>
    <div id="descriptor-skeleton">
        <div class="col q-pl-sm q-pa-sm">
            <q-skeleton type="text" square height="45px" />
            <q-skeleton type="text" square height="18px" />
            <q-skeleton type="text" square height="18px" />
            <q-skeleton type="text" square height="18px" />
        </div>

        <q-card-actions>
            <q-skeleton size="40px" />
            <q-skeleton size="40px" />
            <q-skeleton size="40px" />
            <q-skeleton size="40px" />
            <q-skeleton size="40px" />
        </q-card-actions>
    </div>
</template>

<style lang="scss" scoped>
#descriptor-skeleton .q-card__actions {
    justify-content: space-between;
}
</style>
