diff --git a/.tangled/workflows/check.yml b/.tangled/workflows/check.yml deleted file mode 100644 index 04619c7..0000000 --- a/.tangled/workflows/check.yml +++ /dev/null @@ -1,24 +0,0 @@ -when: - - event: ["push", "pull_request", "manual"] - branch: ["main"] - -engine: "nixery" - -dependencies: - nixpkgs: - - go - - go-tools - - nodejs - -steps: - - name: "frontend build" - command: "cd frontend && npm ci && npm run build" - - - name: "frontend check" - command: "cd frontend && npm run check" - - - name: "go vet" - command: "go vet" - - - name: "staticcheck" - command: "staticcheck" diff --git a/frontend/src/app.css b/frontend/src/app.css index 260634e..568bf2f 100644 --- a/frontend/src/app.css +++ b/frontend/src/app.css @@ -166,12 +166,6 @@ html.is-wails.is-macos { /* snippet from https://til.jakelazaroff.com/css/make-all-rounded-corners-squircles */ @supports (corner-shape: squircle) { - *, - *::before, - *::after { - corner-shape: squircle; - } - :root { --radius-sm: 4px; --radius-md: 8px; diff --git a/frontend/src/lib/Library.svelte b/frontend/src/lib/Library.svelte index 360adc7..988fb7c 100644 --- a/frontend/src/lib/Library.svelte +++ b/frontend/src/lib/Library.svelte @@ -492,6 +492,7 @@ function onKey(event: KeyboardEvent) { color: var(--text); border: var(--border); border-radius: var(--radius-md); + corner-shape: squircle; } :global(.dynamic) #search::placeholder { color: var(--text); diff --git a/frontend/src/lib/NowPlaying.svelte b/frontend/src/lib/NowPlaying.svelte index 31cf63b..57c9435 100644 --- a/frontend/src/lib/NowPlaying.svelte +++ b/frontend/src/lib/NowPlaying.svelte @@ -360,5 +360,6 @@ $effect(() => { :global(.rounded-corners) .media { border-radius: var(--radius-md); + corner-shape: squircle; } diff --git a/frontend/src/lib/Queue.svelte b/frontend/src/lib/Queue.svelte index 79bbcc1..7199e7c 100644 --- a/frontend/src/lib/Queue.svelte +++ b/frontend/src/lib/Queue.svelte @@ -727,6 +727,7 @@ function showMenu(index: number, x?: number, y?: number) { :global(.rounded-corners) #queue .art, :global(.rounded-corners) #queue .row { border-radius: var(--radius-sm); + corner-shape: squircle; } button { color: inherit; diff --git a/frontend/src/lib/TreeItem.svelte b/frontend/src/lib/TreeItem.svelte index 6c2b3cf..cb0484d 100644 --- a/frontend/src/lib/TreeItem.svelte +++ b/frontend/src/lib/TreeItem.svelte @@ -676,5 +676,6 @@ function onDragStart(e: DragEvent) { } :global(.rounded-corners) .art { border-radius: var(--radius-sm); + corner-shape: squircle; } diff --git a/frontend/src/lib/components/ContextMenu.svelte b/frontend/src/lib/components/ContextMenu.svelte index c80b5b5..c91e1c3 100644 --- a/frontend/src/lib/components/ContextMenu.svelte +++ b/frontend/src/lib/components/ContextMenu.svelte @@ -238,6 +238,7 @@ function onKey(event: KeyboardEvent) { :global(.rounded-corners) & { border-radius: var(--radius-md); + corner-shape: squircle; overflow: hidden; } diff --git a/frontend/src/lib/dialogs/Modal.svelte b/frontend/src/lib/dialogs/Modal.svelte index 13f23d0..a0c56c7 100644 --- a/frontend/src/lib/dialogs/Modal.svelte +++ b/frontend/src/lib/dialogs/Modal.svelte @@ -64,6 +64,7 @@ $effect(() => { :global(.rounded-corners) & { border-radius: var(--radius-md); + corner-shape: squircle; } } header { diff --git a/frontend/src/lib/dialogs/SettingsModal.svelte b/frontend/src/lib/dialogs/SettingsModal.svelte index 0eedd81..9801ad6 100644 --- a/frontend/src/lib/dialogs/SettingsModal.svelte +++ b/frontend/src/lib/dialogs/SettingsModal.svelte @@ -774,6 +774,7 @@ const columnSettings = [ :global(.rounded-corners) & { border-radius: var(--radius-sm) 2px 0 0; + corner-shape: squircle; } &.active { diff --git a/frontend/src/lib/dialogs/UnsyncedChangesModal.svelte b/frontend/src/lib/dialogs/UnsyncedChangesModal.svelte index fa57183..d2f02b2 100644 --- a/frontend/src/lib/dialogs/UnsyncedChangesModal.svelte +++ b/frontend/src/lib/dialogs/UnsyncedChangesModal.svelte @@ -201,6 +201,7 @@ async function handleDiscard() { :global(.rounded-corners) & { border-radius: var(--radius-sm); + corner-shape: squircle; } } .item {