mirror of
https://github.com/maxdorninger/MediaManager.git
synced 2026-04-22 13:55:13 +02:00
fix formatting
This commit is contained in:
@@ -1,29 +1,29 @@
|
||||
<script lang="ts">
|
||||
import ArrowRight from "@lucide/svelte/icons/arrow-right";
|
||||
import type {WithoutChildren} from "bits-ui";
|
||||
import {getEmblaContext} from "./context.js";
|
||||
import {cn} from "$lib/utils.js";
|
||||
import {Button, type Props} from "$lib/components/ui/button/index.js";
|
||||
import ArrowRight from '@lucide/svelte/icons/arrow-right';
|
||||
import type {WithoutChildren} from 'bits-ui';
|
||||
import {getEmblaContext} from './context.js';
|
||||
import {cn} from '$lib/utils.js';
|
||||
import {Button, type Props} from '$lib/components/ui/button/index.js';
|
||||
|
||||
let {
|
||||
ref = $bindable(null),
|
||||
class: className,
|
||||
variant = "outline",
|
||||
size = "icon",
|
||||
variant = 'outline',
|
||||
size = 'icon',
|
||||
...restProps
|
||||
}: WithoutChildren<Props> = $props();
|
||||
|
||||
const emblaCtx = getEmblaContext("<Carousel.Next/>");
|
||||
const emblaCtx = getEmblaContext('<Carousel.Next/>');
|
||||
</script>
|
||||
|
||||
<Button
|
||||
{...restProps}
|
||||
bind:ref
|
||||
class={cn(
|
||||
"absolute size-8 touch-manipulation rounded-full",
|
||||
emblaCtx.orientation === "horizontal"
|
||||
? "-right-12 top-1/2 -translate-y-1/2"
|
||||
: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
|
||||
'absolute size-8 touch-manipulation rounded-full',
|
||||
emblaCtx.orientation === 'horizontal'
|
||||
? '-right-12 top-1/2 -translate-y-1/2'
|
||||
: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
|
||||
className
|
||||
)}
|
||||
disabled={!emblaCtx.canScrollNext}
|
||||
|
||||
Reference in New Issue
Block a user