Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-30 06:24:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/SupportedServices: clean up a bit

Browse Source
This commit is contained in:
wukko 2025-04-27 19:35:30 +06:00
parent 9d6e638614
commit c4fc320a6a
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/save/SupportedServices.svelte
View File

@ -3,15 +3,12 @@
import cachedInfo from "$lib/state/server-info"; import cachedInfo from "$lib/state/server-info";
import { getServerInfo } from "$lib/api/server-info"; import { getServerInfo } from "$lib/api/server-info";
import type { SvelteComponent } from "svelte";
import Skeleton from "$components/misc/Skeleton.svelte"; import Skeleton from "$components/misc/Skeleton.svelte";
import IconPlus from "@tabler/icons-svelte/IconPlus.svelte"; import IconPlus from "@tabler/icons-svelte/IconPlus.svelte";
import PopoverContainer from "$components/misc/PopoverContainer.svelte"; import PopoverContainer from "$components/misc/PopoverContainer.svelte";
let services: string[] = []; let services: string[] = [];
let popover: SvelteComponent;
$: expanded = false; $: expanded = false;
let servicesContainer: HTMLDivElement; let servicesContainer: HTMLDivElement;
@ -50,11 +47,7 @@
<span class="title">{$t("save.services.title")}</span> <span class="title">{$t("save.services.title")}</span>
</button> </button>
<PopoverContainer <PopoverContainer id="services-popover" {expanded}>
bind:this={popover}
id="services-popover"
{expanded}
>
<div <div
id="services-container" id="services-container"
bind:this={servicesContainer} bind:this={servicesContainer}
@ -101,7 +94,9 @@
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
background: none; background: none;
transition: background 0.2s, box-shadow 0.1s; transition:
background 0.2s,
box-shadow 0.1s;
} }
#services-button:not(:focus-visible):not(:active) { #services-button:not(:focus-visible):not(:active) {
@ -118,7 +113,9 @@
background: var(--button-elevated); background: var(--button-elevated);
padding: 0; padding: 0;
box-shadow: none; box-shadow: none;
transition: background 0.2s, transform 0.2s; transition:
background 0.2s,
transform 0.2s;
} }
#services-button:active { #services-button:active {