External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

format all files

Browse Source
This commit is contained in:
Maze Winther
2026-01-21 12:52:34 +01:00
parent 8500dd770b
commit afdf7d22cf
176 changed files with 2596 additions and 6480 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/landing/handlebars.tsx
+3 -3
View File
@@ -111,12 +111,12 @@ export function Handlebars({ children }: HandlebarsProps) {
width > 0 ? (rightHandle / (width + 10)) * 100 : 0;
return (
<div className="leading-16 flex justify-center gap-4">
<div className="flex justify-center gap-4 leading-16">
<div ref={containerRef} className="relative mt-0.5 -rotate-[2.76deg]">
<div className="absolute inset-0 z-10 flex h-full w-full justify-between rounded-2xl border border-yellow-500">
<div
ref={leftHandleRef}
className="bg-background absolute left-0 z-20 flex h-full w-7 cursor-ew-resize touch-none select-none items-center justify-center rounded-full border border-yellow-500"
className="bg-background absolute left-0 z-20 flex h-full w-7 cursor-ew-resize touch-none items-center justify-center rounded-full border border-yellow-500 select-none"
style={{
translate: `${leftHandle}px 0`,
}}
@@ -135,7 +135,7 @@ export function Handlebars({ children }: HandlebarsProps) {
<div
ref={rightHandleRef}
className="bg-background absolute -left-[30px] z-20 flex h-full w-7 cursor-ew-resize touch-none select-none items-center justify-center rounded-full border border-yellow-500"
className="bg-background absolute -left-[30px] z-20 flex h-full w-7 cursor-ew-resize touch-none items-center justify-center rounded-full border border-yellow-500 select-none"
style={{
translate: `${rightHandle}px 0`,
}}
apps/web/src/components/landing/hero.tsx
+7 -7
View File
@@ -8,31 +8,31 @@ import Link from "next/link";
export function Hero() {
return (
<div className="min-h-[calc(100svh-4.5rem)] flex flex-col justify-between items-center text-center px-4">
<div className="flex min-h-[calc(100svh-4.5rem)] flex-col items-center justify-between px-4 text-center">
<Image
className="absolute top-0 left-0 -z-50 size-full object-cover invert dark:invert-0 opacity-85"
className="absolute top-0 left-0 -z-50 size-full object-cover opacity-85 invert dark:invert-0"
src="/landing-page-dark.png"
height={1903.5}
width={1269}
alt="landing-page.bg"
/>
<div className="max-w-3xl mx-auto w-full flex-1 flex flex-col justify-center">
<div className="inline-block font-bold tracking-tighter text-4xl md:text-[4rem]">
<div className="mx-auto flex w-full max-w-3xl flex-1 flex-col justify-center">
<div className="inline-block text-4xl font-bold tracking-tighter md:text-[4rem]">
<h1>The open source</h1>
<Handlebars>Video Editor</Handlebars>
</div>
<p className="mt-10 text-base sm:text-xl text-muted-foreground font-light tracking-wide max-w-xl mx-auto">
<p className="text-muted-foreground mx-auto mt-10 max-w-xl text-base font-light tracking-wide sm:text-xl">
A simple but powerful video editor that gets the job done. Works on
any platform.
</p>
<div className="mt-8 flex gap-8 justify-center">
<div className="mt-8 flex justify-center gap-8">
<Link href="/projects">
<Button
type="submit"
size="lg"
className="px-6 h-11 text-base bg-foreground"
className="bg-foreground h-11 px-6 text-base"
>
Try early beta
<ArrowRight className="ml-0.5" />