a5613ebb10
* Begin UI for threads and moderation overhaul * Hide close button on non-report threads * Fix review age coloring * Add project count * Remove action buttons from queue page and add queued date to project page * Hook up to actual data * Remove unused icon * Get up to 1000 projects in queue * prettier * more prettier * Changed all the things * lint * rebuild * Add omorphia * Workaround formatjs bug in ThreadSummary.vue * Fix notifications page on prod * Fix a few notifications and threads bugs * lockfile * Fix duplicate button styles * more fixes and polishing * More fixes * Remove legacy pages * More bugfixes * Add some error catching for reports and notifications * More error handling * fix lint * Add inbox links * Remove loading component and rename member header * Rely on threads always existing * Handle if project update notifs are not grouped * oops * Fix chips on notifications page * Import ModalModeration * finish threads --------- Co-authored-by: triphora <emma@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me>
34 lines
604 B
Vue
34 lines
604 B
Vue
<template>
|
|
<div class="double-icon">
|
|
<slot name="primary" />
|
|
<div class="secondary">
|
|
<slot name="secondary" />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<style lang="scss" scoped>
|
|
.double-icon {
|
|
position: relative;
|
|
height: fit-content;
|
|
line-height: 0;
|
|
|
|
.secondary {
|
|
position: absolute;
|
|
bottom: -4px;
|
|
right: -4px;
|
|
background-color: var(--color-bg);
|
|
padding: var(--spacing-card-xs);
|
|
border-radius: 50%;
|
|
aspect-ratio: 1 / 1;
|
|
width: fit-content;
|
|
height: fit-content;
|
|
line-height: 0;
|
|
|
|
svg {
|
|
width: 1rem;
|
|
height: 1rem;
|
|
}
|
|
}
|
|
}
|
|
</style>
|