style: update various buttons to align with global styling

This commit is contained in:
pommee
2025-09-28 21:00:52 +02:00
parent b08c7fc729
commit 30ebcc9ed5
5 changed files with 5 additions and 14 deletions

View File

@@ -211,7 +211,7 @@ export function AddList({
<Dialog open={modalOpen} onOpenChange={setModalOpen}>
<DialogTrigger asChild>
<Button className="shadow-sm hover:shadow-md transition-all duration-200">
<Button>
<PlusIcon className="mr-2" size={18} />
Add List
</Button>

View File

@@ -317,8 +317,8 @@ export function CardDetails(
<Button
disabled={deletingList}
onClick={deleteList}
variant="outline"
className="bg-red-600 border-none hover:bg-red-500 text-white flex-1 text-sm"
variant="destructive"
className="flex-1"
>
{deletingList ? (
<div className="flex">

View File

@@ -67,11 +67,7 @@ export function UpdateCustom() {
<div className="mb-5">
<Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
<DialogTrigger asChild>
<Button
variant="outline"
className="shadow-sm hover:shadow-md transition-all duration-200 border-2 hover:border-blue-300"
onClick={() => setDialogOpen(true)}
>
<Button variant="outline" onClick={() => setDialogOpen(true)}>
<ArrowsClockwiseIcon className="mr-2" size={18} />
Update Custom
</Button>

View File

@@ -458,11 +458,7 @@ export function Logs() {
<Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
<DialogTrigger asChild className="ml-5">
<Button
disabled={queries.length === 0}
variant="outline"
className="bg-red-950 hover:bg-red-900 border-1 border-red-900 text-white transition-all duration-200 hover:scale-105"
>
<Button disabled={queries.length === 0} variant="destructive">
Clear logs
</Button>
</DialogTrigger>

View File

@@ -353,7 +353,6 @@ export function Prefetch() {
<div className="flex justify-end p-4">
<Button
variant="default"
className="bg-green-600 hover:bg-green-700 text-white"
onClick={handleSave}
disabled={submitting || !isFormValid}
>