mirror of
https://github.com/maxdorninger/MediaManager.git
synced 2026-04-22 22:05:17 +02:00
fix formatting
This commit is contained in:
@@ -1,29 +1,29 @@
|
||||
<script lang="ts">
|
||||
import ArrowLeft from "@lucide/svelte/icons/arrow-left";
|
||||
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 ArrowLeft from '@lucide/svelte/icons/arrow-left';
|
||||
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.Previous/>");
|
||||
const emblaCtx = getEmblaContext('<Carousel.Previous/>');
|
||||
</script>
|
||||
|
||||
<Button
|
||||
{...restProps}
|
||||
bind:ref
|
||||
class={cn(
|
||||
"absolute size-8 touch-manipulation rounded-full",
|
||||
emblaCtx.orientation === "horizontal"
|
||||
? "-left-12 top-1/2 -translate-y-1/2"
|
||||
: "-top-12 left-1/2 -translate-x-1/2 rotate-90",
|
||||
'absolute size-8 touch-manipulation rounded-full',
|
||||
emblaCtx.orientation === 'horizontal'
|
||||
? '-left-12 top-1/2 -translate-y-1/2'
|
||||
: '-top-12 left-1/2 -translate-x-1/2 rotate-90',
|
||||
className
|
||||
)}
|
||||
disabled={!emblaCtx.canScrollPrev}
|
||||
|
||||
Reference in New Issue
Block a user