fixed dialog button on mobile (#1995)

Co-authored-by: Peer Richelsen <peeroke@richelsen.net>
This commit is contained in:
Peer Richelsen 2022-02-27 21:03:56 +00:00 committed by GitHub
parent ca29940ea5
commit 981fb9c5be
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 4 deletions

View file

@ -60,7 +60,7 @@ export default function ConfirmationDialogContent(props: PropsWithChildren<Confi
</DialogPrimitive.Description> </DialogPrimitive.Description>
</div> </div>
</div> </div>
<div className="mt-5 gap-x-2 sm:mt-8 sm:flex sm:flex-row-reverse"> <div className="mt-5 flex flex-row-reverse gap-x-2 sm:mt-8">
<DialogClose onClick={onConfirm} asChild> <DialogClose onClick={onConfirm} asChild>
{confirmBtn || <Button color="primary">{confirmBtnText}</Button>} {confirmBtn || <Button color="primary">{confirmBtnText}</Button>}
</DialogClose> </DialogClose>

View file

@ -120,11 +120,11 @@ const CustomInputTypeForm: FC<Props> = (props) => {
value={selectedCustomInput?.id || -1} value={selectedCustomInput?.id || -1}
{...register("id", { valueAsNumber: true })} {...register("id", { valueAsNumber: true })}
/> />
<div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse"> <div className="mt-5 flex space-x-2 sm:mt-4">
<Button type="submit">{t("save")}</Button>
<Button onClick={onCancel} type="button" color="secondary" className="ltr:mr-2"> <Button onClick={onCancel} type="button" color="secondary" className="ltr:mr-2">
{t("cancel")} {t("cancel")}
</Button> </Button>
<Button type="submit">{t("save")}</Button>
</div> </div>
</form> </form>
); );

View file

@ -76,7 +76,7 @@ export default function TeamCreate(props: Props) {
/> />
</div> </div>
{errorMessage && <Alert severity="error" title={errorMessage} />} {errorMessage && <Alert severity="error" title={errorMessage} />}
<div className="mt-5 sm:mt-4 sm:flex sm:flex-row-reverse"> <div className="mt-5 flex flex-row-reverse sm:mt-4">
<button type="submit" className="btn btn-primary"> <button type="submit" className="btn btn-primary">
{t("create_team")} {t("create_team")}
</button> </button>