From f17b971228561fb6979151a36c3d87be534d93d2 Mon Sep 17 00:00:00 2001
From: dengll <denglianglu@cloudtogo.cn>
Date: Wed, 29 Nov 2023 18:09:23 +0800
Subject: [PATCH] style: fix style problem

---
 .../design-system/widgets-old/src/Toast/index.tsx    |  2 +-
 app/client/src/index.less                            |  2 +-
 .../src/pages/Applications/ApplicationCard.tsx       | 12 +++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/client/packages/design-system/widgets-old/src/Toast/index.tsx b/app/client/packages/design-system/widgets-old/src/Toast/index.tsx
index 053f929538..228d5a80f4 100644
--- a/app/client/packages/design-system/widgets-old/src/Toast/index.tsx
+++ b/app/client/packages/design-system/widgets-old/src/Toast/index.tsx
@@ -76,7 +76,7 @@ const ToastBody = styled.div<{
   max-width: ${(props) => props.maxWidth || "264px"};
   margin-left: auto;
   background: var(--ads-toast-background-color);
-  padding: var(--ads-spaces-4) var(--ads-spaces-5);
+  padding: var(--ads-v2-spaces-3);
   display: flex;
   align-items: center;
   justify-content: space-between;
diff --git a/app/client/src/index.less b/app/client/src/index.less
index 7063116eac..bf78a4cf0b 100644
--- a/app/client/src/index.less
+++ b/app/client/src/index.less
@@ -125,7 +125,7 @@ div.bp3-popover-arrow {
 }
 
 .Toastify__toast {
-  padding: 0 !important;
+  // padding: 0 !important;
   border-radius: 4px !important;
   box-shadow: none !important;
 }
diff --git a/app/client/src/pages/Applications/ApplicationCard.tsx b/app/client/src/pages/Applications/ApplicationCard.tsx
index 0de841548e..c0fece6775 100644
--- a/app/client/src/pages/Applications/ApplicationCard.tsx
+++ b/app/client/src/pages/Applications/ApplicationCard.tsx
@@ -160,7 +160,17 @@ const Wrapper = styled(
   width: ${(props) => props.theme.card.minWidth}px;
   height: ${(props) => props.theme.card.minHeight}px;
   position: relative;
-  background-color: ${(props) => props.backgroundColor};
+  background-color: #ffffff;
+  border: 2px solid ${(props) => props.backgroundColor};
+  background-image: repeating-radial-gradient(
+      circle at 0 0,
+      rgba(0, 0, 0, 0) 0,
+      #ffffff 12px
+    ),
+    repeating-linear-gradient(
+      ${(props) => props.backgroundColor}11,
+      ${(props) => props.backgroundColor}66
+    );
   border-radius: var(--ads-v2-border-radius);
   .overlay {
     display: block;