From dca27e7235451da9423d38976fa37aec417dda3c Mon Sep 17 00:00:00 2001
From: Sean Hatfield <seanhatfield5@gmail.com>
Date: Thu, 19 Dec 2024 08:15:33 +0800
Subject: [PATCH] Fix styles of ChangeWarningModal (#2876)
fix styles of ChangeWarningModal
---
frontend/src/components/ChangeWarning/index.jsx | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/frontend/src/components/ChangeWarning/index.jsx b/frontend/src/components/ChangeWarning/index.jsx
index 2e0950a08..95ca1c49f 100644
--- a/frontend/src/components/ChangeWarning/index.jsx
+++ b/frontend/src/components/ChangeWarning/index.jsx
@@ -7,7 +7,7 @@ export default function ChangeWarningModal({
}) {
return (
<div className="w-full max-w-2xl bg-theme-bg-secondary rounded-lg shadow border-2 border-theme-modal-border overflow-hidden z-9999">
- <div className="relative p-6 border-b rounded-t border-theme-modal-border">
+ <div className="relative px-6 py-5 border-b rounded-t border-theme-modal-border">
<div className="w-full flex gap-x-2 items-center">
<Warning className="text-red-500 w-6 h-6" weight="fill" />
<h3 className="text-xl font-semibold text-red-500 overflow-hidden overflow-ellipsis whitespace-nowrap">
@@ -44,14 +44,14 @@ export default function ChangeWarningModal({
<button
onClick={onClose}
type="button"
- className="transition-all duration-300 bg-transparent text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm"
+ className="transition-all duration-300 bg-transparent text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm border-none"
>
Cancel
</button>
<button
onClick={onConfirm}
type="submit"
- className="transition-all duration-300 bg-red-500 light:text-white text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm"
+ className="transition-all duration-300 bg-red-500 light:text-white text-white hover:opacity-60 px-4 py-2 rounded-lg text-sm border-none"
>
Confirm
</button>
--
GitLab