Merge pull request #18 from MyTonSwap/develop

Standardization of background property & Updating background opacity
MyTonSwap · Nov 25, 2024 · d17fbe1 · d17fbe1
2 parents 134921f + 199a85e
commit d17fbe1
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 8 deletions.
diff --git a/lib/components/Header/SettingPopover.scss b/lib/components/Header/SettingPopover.scss
@@ -14,7 +14,7 @@
         position: fixed;
         top: 0;
         left: 0;
-        background: rgba(0, 0, 0, 0.3);
+        background: rgba(0, 0, 0, 0.5);
         width: 100%;
         height: 100%;
         .popover {

diff --git a/lib/components/Header/SlippageSetting.scss b/lib/components/Header/SlippageSetting.scss
@@ -50,7 +50,7 @@
                     border: 1px solid var(--primary-color);
                 }
                 &.percent-input {
-                    background-color: var(--light-shade-color);
+                    background: var(--light-shade-color);
                     width: 50px;
                 }
 

diff --git a/lib/components/Swap/Swap.scss b/lib/components/Swap/Swap.scss
@@ -25,7 +25,7 @@
     button {
         cursor: pointer;
         border: none;
-        background-color: transparent;
+        background: transparent;
         font-family: Inter, sans-serif;
     }
     input {

diff --git a/lib/components/SwapButton/ConfirmationModal.scss b/lib/components/SwapButton/ConfirmationModal.scss
@@ -101,7 +101,7 @@
             .confirm-button {
                 cursor: pointer;
                 border-radius: 0.75rem;
-                background-color: var(--primary-color);
+                background: var(--primary-color);
                 width: 100%;
                 height: 3.25rem;
                 color: var(--text-white-color);

diff --git a/lib/components/SwapButton/SwapButton.scss b/lib/components/SwapButton/SwapButton.scss
@@ -10,7 +10,7 @@
         top: 0;
         left: 0;
         z-index: 9999999999999999999999999;
-        background-color: rgba(0, 0, 0, 0.1);
+        background: rgba(0, 0, 0, 0.5);
         width: 100%;
         height: 100%;
         overflow: hidden;
@@ -53,7 +53,7 @@
         margin-top: 0.5rem;
         margin-top: 0.75rem;
         border-radius: 0.75rem;
-        background-color: var(--primary-color);
+        background: var(--primary-color);
         width: 100%;
         height: 3.75rem;
         color: var(--text-white-color);

diff --git a/lib/components/SwapCard/CardDialog.scss b/lib/components/SwapCard/CardDialog.scss
@@ -4,7 +4,7 @@
         top: 0;
         left: 0;
         z-index: 9999999999999999999999999;
-        background: rgba(0, 0, 0, 0.2);
+        background: rgba(0, 0, 0, 0.5);
         width: 100%;
         height: 100%;
         overflow: hidden;
@@ -95,7 +95,7 @@
 
                 .dialog-search-input {
                     outline: none;
-                    background-color: transparent;
+                    background: transparent;
                     padding-right: 0.25rem;
                     padding-left: 0.25rem;
                     width: 100%;