Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-01-22 10:46:19 +01:00
Code Issues Projects Releases Packages Wiki Activity

web/ProcessingQueue: use the heading component with the beta tag

Browse source
This commit is contained in:
wukko 2024-12-19 21:11:02 +06:00
parent 06000cbc77
commit 5820736a31
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
web/src/components/queue/ProcessingQueue.svelte
View file

@ -1,8 +1,14 @@
<script lang="ts"> <script lang="ts">
import { t } from "$lib/i18n/translations"; import { t } from "$lib/i18n/translations";
import { onNavigate } from "$app/navigation"; import { onNavigate } from "$app/navigation";
import type { SvelteComponent } from "svelte";
import settings from "$lib/state/settings";
import { addToQueue, nukeEntireQueue, queue } from "$lib/state/queue";
import type { SvelteComponent } from "svelte";
import type { QueueItem } from "$lib/types/queue";
import SectionHeading from "$components/misc/SectionHeading.svelte";
import PopoverContainer from "$components/misc/PopoverContainer.svelte"; import PopoverContainer from "$components/misc/PopoverContainer.svelte";
import ProcessingStatus from "$components/queue/ProcessingStatus.svelte"; import ProcessingStatus from "$components/queue/ProcessingStatus.svelte";
import ProcessingQueueItem from "$components/queue/ProcessingQueueItem.svelte"; import ProcessingQueueItem from "$components/queue/ProcessingQueueItem.svelte";
@ -17,10 +23,6 @@
import IconPhoto from "@tabler/icons-svelte/IconPhoto.svelte"; import IconPhoto from "@tabler/icons-svelte/IconPhoto.svelte";
import IconVolume3 from "@tabler/icons-svelte/IconVolume3.svelte"; import IconVolume3 from "@tabler/icons-svelte/IconVolume3.svelte";
import settings from "$lib/state/settings";
import { addToQueue, nukeEntireQueue, queue } from "$lib/state/queue";
import type { QueueItem } from "$lib/types/queue";
let popover: SvelteComponent; let popover: SvelteComponent;
$: expanded = false; $: expanded = false;
@ -74,7 +76,12 @@
expandStart="right" expandStart="right"
> >
<div id="processing-header"> <div id="processing-header">
<div class="header-title">{$t("queue.title")}</div> <SectionHeading
title={$t("queue.title")}
sectionId="queue"
beta
nolink
/>
<div class="header-buttons"> <div class="header-buttons">
{#if queueLength > 0} {#if queueLength > 0}
<button class="clear-button" on:click={nukeEntireQueue}> <button class="clear-button" on:click={nukeEntireQueue}>
@ -137,11 +144,6 @@
align-items: center; align-items: center;
} }
.header-title {
font-size: 15px;
font-weight: 500;
}
.header-buttons { .header-buttons {
display: flex; display: flex;
flex-direction: row; flex-direction: row;