Offcanvas theme style fixes

NEAR-DevHub · Jan 29, 2025 · dfadeed · dfadeed
1 parent 9387d42
commit dfadeed
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/instances/widgets.treasury-factory.near/widget/components/OffCanvas.jsx b/instances/widgets.treasury-factory.near/widget/components/OffCanvas.jsx
@@ -30,8 +30,6 @@ const Container = styled.div`
   }
 
   .offcanvas {
-    border-top-left-radius: 1rem !important;
-    border-bottom-left-radius: 1rem !important;
     overflow: auto;
   }
 `;

diff --git a/...gets.treasury-factory.near/widget/pages/stake-delegation/ValidatorsDropDownWithSearch.jsx b/...gets.treasury-factory.near/widget/pages/stake-delegation/ValidatorsDropDownWithSearch.jsx
@@ -45,8 +45,8 @@ const code = `
   <style>
 
   :root {
-    --bs-body-bg: inherit !important;
-    --bs-border-color: inherit !important;
+    --bs-body-bg: ${colors["--bg-page-color"]} !important;
+    --bs-border-color: ${colors["--border-color"]} !important;
   }
   body {
     background-color: ${colors["--bg-page-color"]} !important;
@@ -153,9 +153,15 @@ const code = `
     border-color: ${colors["--border-color"]} !important;
     background: ${colors["--grey-035"]} !important;
   }
-  .btn{
+  .btn {
     padding: 0.5rem 1.2rem !important;
   }
+  .btn, .input-group-text, input, textarea {
+    border-color: ${colors["--border-color"]} !important;
+  }
+  .input-icon {
+    background: ${colors["--bg-page-color"]} !important;
+  }
   .theme-btn {
     background: ${colors["--theme-color"]} !important;
     color: white !important;