One Calendar is a privacy-first calendar web app built with Next.js. It has modern security features, including e2ee, password-protected sharing, and self-destructing share links 📅
calendar.xyehr.cn
Merge pull request #160 from EvanTechDev/feature/update-delete-button-styles-and-positions
Adjust delete button placement and styling in EventPreview and EventDialog
authored by
Evan Huang
and committed by
GitHub
4ac5fae8
9696e036
+11
-11
+8
-8
components/app/event/event-dialog.tsx
+8
-8
components/app/event/event-dialog.tsx
···
931
931
</div>
932
932
933
933
<div className="flex justify-end gap-2">
934
-
<Button
935
-
type="button"
936
-
variant="outline"
937
-
onClick={() => onOpenChange(false)}
938
-
>
939
-
{t.cancel}
940
-
</Button>
941
-
<Button type="submit">{event ? t.update : t.save}</Button>
942
934
{event && (
943
935
<Button
944
936
type="button"
···
951
943
{t.delete}
952
944
</Button>
953
945
)}
946
+
<Button
947
+
type="button"
948
+
variant="outline"
949
+
onClick={() => onOpenChange(false)}
950
+
>
951
+
{t.cancel}
952
+
</Button>
953
+
<Button type="submit">{event ? t.update : t.save}</Button>
954
954
</div>
955
955
</form>
956
956
</DialogContent>
+3
-3
components/app/event/event-preview.tsx
+3
-3
components/app/event/event-preview.tsx
···
465
465
<div className="flex justify-between items-center p-5">
466
466
<div className="w-24"></div>
467
467
<div className="flex space-x-2 ml-auto">
468
-
<Button variant="ghost" size="icon" onClick={handleDeleteClick} className="h-8 w-8 text-red-600 hover:text-red-600">
469
-
<Trash2 className="h-5 w-5" />
470
-
</Button>
471
468
<Button variant="ghost" size="icon" onClick={() => onEdit()} className="h-8 w-8">
472
469
<Edit2 className="h-5 w-5" />
473
470
</Button>
···
490
487
</Button>
491
488
<Button variant="ghost" size="icon" onClick={toggleBookmark} className="h-8 w-8">
492
489
<Bookmark className={cn("h-5 w-5", isBookmarked ? "fill-blue-500 text-blue-500" : "")} />
490
+
</Button>
491
+
<Button variant="ghost" size="icon" onClick={handleDeleteClick} className="h-8 w-8">
492
+
<Trash2 className="h-5 w-5" />
493
493
</Button>
494
494
<Button variant="ghost" size="icon" onClick={() => onOpenChange(false)} className="h-8 w-8 ml-2">
495
495
<X className="h-5 w-5" />