From 9822e0e77c4c65178f7393fcef6914053315542e Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Thu, 4 Jul 2024 12:11:40 +0200
Subject: [PATCH] change(ui): dashboard inputs - border

---
 .../components/DashboardList/NewDashModal/Examples/ExCard.tsx | 2 +-
 .../Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx   | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx
index b464c1398..c846eb794 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx
@@ -15,7 +15,7 @@ function ExCard({
 }) {
     return (
         <div
-            className={'rounded-lg overflow-hidden border border-transparent p-4 bg-white hover:shadow-sm relative'}
+            className={'rounded-lg overflow-hidden border border-transparent p-4 bg-white hover:shadow-sm relative hover:border-teal transition-all duration-200'}
             style={{width: '100%', height: height || 286}}
         >
             <div className="absolute inset-0 z-10 cursor-pointer" onClick={() => onCard(type)}></div>
diff --git a/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx b/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx
index 03c712db2..449485c46 100644
--- a/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx
@@ -95,9 +95,9 @@ function WidgetWrapperNew(props: Props & RouteComponentProps) {
   return (
     <Card
       className={cn(
-        'relative group rounded-lg',
+        'relative group rounded-lg hover:border-teal transition-all duration-200',
         'col-span-' + widget.config.col,
-        { 'hover:shadow-sm': !isTemplate && isWidget }
+        { 'hover:shadow-sm': !isTemplate && isWidget },
       )}
       style={{
         userSelect: 'none',