aljaz/hypergolic
1
0
Fork 0
mirror of https://github.com/aljazceru/hypergolic.git synced 2025-12-18 05:54:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

problem: style is not uniform

Browse Source
This commit is contained in:
gsovereignty
2024-07-16 12:37:14 +08:00
parent c1974378fb
commit 931520acf6
272 changed files with 2396 additions and 2470 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/lib/components/ui/carousel/carousel-next.svelte
View File

@@ -1,32 +1,28 @@
<script lang="ts">
import ArrowRight from "lucide-svelte/icons/arrow-right";
import type { VariantProps } from "tailwind-variants";
import { getEmblaContext } from "./context.js";
import { cn } from "$lib/utils.js";
import {
Button,
type Props,
type buttonVariants,
} from "$lib/components/ui/button/index.js";
import ArrowRight from 'lucide-svelte/icons/arrow-right';
import type { VariantProps } from 'tailwind-variants';
import { getEmblaContext } from './context.js';
import { cn } from '$lib/utils.js';
import { Button, type Props, type buttonVariants } from '$lib/components/ui/button/index.js';
type $$Props = Props;
let className: $$Props["class"] = undefined;
let className: $$Props['class'] = undefined;
export { className as class };
export let variant: VariantProps<typeof buttonVariants>["variant"] = "outline";
export let size: VariantProps<typeof buttonVariants>["size"] = "icon";
export let variant: VariantProps<typeof buttonVariants>['variant'] = 'outline';
export let size: VariantProps<typeof buttonVariants>['size'] = 'icon';
const { orientation, canScrollNext, scrollNext, handleKeyDown } =
getEmblaContext("<Carousel.Next/>");
getEmblaContext('<Carousel.Next/>');
</script>
<Button
{variant}
{size}
class={cn(
"absolute h-8 w-8 touch-manipulation rounded-full",
$orientation === "horizontal"
? "-right-12 top-1/2 -translate-y-1/2"
: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
'absolute h-8 w-8 touch-manipulation rounded-full',
$orientation === 'horizontal'
? '-right-12 top-1/2 -translate-y-1/2'
: '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
className
)}
disabled={!$canScrollNext}