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

fix: clarify onboarding

Browse Source
This commit is contained in:
Maze Winther
2025-08-16 11:46:34 +02:00
parent 96f3373fad
commit a0f8e2c1a7
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/onboarding.tsx
+2 -1
View File
@@ -57,6 +57,7 @@ export function Onboarding() {
<div className="space-y-3"> <div className="space-y-3">
<Title title={getStepTitle()} /> <Title title={getStepTitle()} />
<Description description="OpenCut started just one month ago. There's still a ton of things to do to make this editor amazing." /> <Description description="OpenCut started just one month ago. There's still a ton of things to do to make this editor amazing." />
<Description description="A lot of features are still missing, like the export functionality. We're working hard to build them out!" />
<Description description="If you're curious, check out our roadmap [here](https://opencut.app/roadmap)" /> <Description description="If you're curious, check out our roadmap [here](https://opencut.app/roadmap)" />
</div> </div>
<NextButton onClick={handleNext}>Next</NextButton> <NextButton onClick={handleNext}>Next</NextButton>
@@ -79,7 +80,7 @@ export function Onboarding() {
return ( return (
<Dialog open={isOpen} onOpenChange={handleClose}> <Dialog open={isOpen} onOpenChange={handleClose}>
<DialogContent className="sm:max-w-[425px] !outline-none"> <DialogContent className="sm:max-w-[425px] !outline-none pt-2">
<DialogTitle> <DialogTitle>
<span className="sr-only">{getStepTitle()}</span> <span className="sr-only">{getStepTitle()}</span>
</DialogTitle> </DialogTitle>
apps/web/src/components/ui/dialog.tsx
+1 -1
View File
@@ -39,7 +39,7 @@ const DialogContent = React.forwardRef<
<DialogPrimitive.Content <DialogPrimitive.Content
ref={ref} ref={ref}
className={cn( className={cn(
"fixed left-[50%] top-[50%] z-150 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-popover shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-lg", "fixed left-[50%] top-[50%] p-6 z-150 grid w-[calc(100%-2rem)] max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-popover shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 rounded-lg",
className className
)} )}
onCloseAutoFocus={(e) => { onCloseAutoFocus={(e) => {