fix: adjust ui shadow & opacity of light mode

ubiquity · Aug 28, 2024 · 4a122cf · 4a122cf
1 parent 4e6929b
commit 4a122cf
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/static/styles/rewards/gift-cards.css b/static/styles/rewards/gift-cards.css
@@ -26,6 +26,7 @@
   width: 100%;
   text-align: center;
   box-sizing: border-box;
+  box-shadow: inset 0 0 96px #00bfff10;
 }
 
 .card-error {
@@ -49,6 +50,7 @@
 
 #redeem-code p {
   text-transform: none;
+  margin: 2px 0;
 }
 
 .card-section h3 {
@@ -141,11 +143,9 @@
   color: #808080;
   cursor: pointer;
   height: 48px;
-  background-color: inherit;
-}
-.btn .icon {
-  opacity: 0.5;
+  background: 0 0;
 }
+
 .btn:hover {
   cursor: pointer;
   background-color: #80808020;
@@ -160,6 +160,7 @@
 @media (prefers-color-scheme: light) {
   .card-section {
     background-color: #fff;
+    box-shadow: inset 0 0 96px #00000008;
   }
 
   .card-section img {
@@ -171,4 +172,7 @@
   .btn:hover {
     color: #000;
   }
+  .btn .icon {
+    opacity: 0.5;
+  }
 }