diff --git a/ui/desktop/src/components/RecipeEditor.tsx b/ui/desktop/src/components/RecipeEditor.tsx index 1713f733..db95533e 100644 --- a/ui/desktop/src/components/RecipeEditor.tsx +++ b/ui/desktop/src/components/RecipeEditor.tsx @@ -377,42 +377,39 @@ export default function RecipeEditor({ config }: RecipeEditorProps) { {/* Deep Link Display */}
-
-
- Copy this link to share with friends or paste directly in Chrome to open + {!title.trim() || !description.trim() ? ( +
+ Fill in required fields to generate link
- +
+ )} + {title.trim() && description.trim() && ( +
validateForm() && handleCopy()} - className="ml-4 p-2 hover:bg-bgApp rounded-lg transition-colors flex items-center disabled:opacity-50 disabled:hover:bg-transparent" - title={ - !title.trim() || !description.trim() - ? 'Fill in required fields first' - : 'Copy link' - } - disabled={!title.trim() || !description.trim()} + className={`text-sm truncate dark:text-white font-mono ${!title.trim() || !description.trim() ? 'text-textDisabled' : 'text-textStandard'}`} > - {copied ? ( - - ) : ( - - )} - - {copied ? 'Copied!' : 'Copy'} - - -
-
- {deeplink} -
+ {deeplink} +
+ )}
- {/* Action Buttons */}
diff --git a/ui/desktop/src/components/schedule/CreateScheduleModal.tsx b/ui/desktop/src/components/schedule/CreateScheduleModal.tsx index 8ea6a06a..8aacc960 100644 --- a/ui/desktop/src/components/schedule/CreateScheduleModal.tsx +++ b/ui/desktop/src/components/schedule/CreateScheduleModal.tsx @@ -419,7 +419,7 @@ export const CreateScheduleModal: React.FC = ({ variant="ghost" onClick={handleClose} disabled={isLoadingExternally} - className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-gray-400 hover:bg-gray-50 dark:border-gray-600 text-lg font-regular" + className="w-full h-[60px] rounded-none border-t text-gray-400 hover:bg-gray-50 dark:border-gray-600 text-lg font-regular" > Cancel @@ -428,7 +428,7 @@ export const CreateScheduleModal: React.FC = ({ form="new-schedule-form" variant="default" disabled={isLoadingExternally} - className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-lg hover:bg-gray-50 hover:dark:text-black dark:text-white dark:border-gray-600 font-regular" + className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-lg dark:text-white dark:border-gray-600 font-regular" > {isLoadingExternally ? 'Creating...' : 'Create Schedule'}