refactor: improve styling of CreateInviteDialog footer for better layout consistency

This commit is contained in:
Anish Sarkar 2026-03-08 20:48:21 +05:30
parent f14efa18b3
commit 33a822432d
2 changed files with 27 additions and 15 deletions

View file

@ -833,21 +833,21 @@ function CreateInviteDialog({
</div>
</div>
</div>
<DialogFooter>
<Button variant="secondary" onClick={handleClose}>
Cancel
</Button>
<Button onClick={handleCreate} disabled={creating}>
{creating ? (
<>
<Spinner size="sm" className="mr-2" />
Creating
</>
) : (
"Create Invite"
)}
</Button>
</DialogFooter>
<DialogFooter className="gap-3 sm:gap-2">
<Button variant="secondary" onClick={handleClose}>
Cancel
</Button>
<Button onClick={handleCreate} disabled={creating}>
{creating ? (
<>
<Spinner size="sm" className="mr-2" />
Creating
</>
) : (
"Create Invite"
)}
</Button>
</DialogFooter>
</>
)}
</DialogContent>

View file

@ -195,6 +195,18 @@ button {
background-color: hsl(var(--muted-foreground) / 0.4);
}
/* Hide scrollbar on mobile, only visible while scrolling */
@media (max-width: 767px) {
.scrollbar-thin {
scrollbar-width: none;
}
.scrollbar-thin::-webkit-scrollbar {
width: 0;
display: none;
}
}
/* Human-in-the-loop approval card animations */
@keyframes pulse-subtle {
0%,