#7: Dark theme & mobile support in Donate section

* Resolved dark mode issue in donate section * Alignment issue resolved on small phones
ARK-Builders · Dec 18, 2023 · 67b7849 · 67b7849
1 parent 0b658cc
commit 67b7849
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/sass/_custom.scss b/sass/_custom.scss
@@ -10,6 +10,22 @@
     border-radius: 10px;
 }
 
+@media screen and (max-width: 390px) {
+  .image-display{
+    height: 60px !important;
+    width: 210px !important; 
+    border-radius: 10px;
+ }
+}
+
+@media screen and (max-width: 375px) {
+  .image-display{
+    height: 60px !important;
+    width: 205px !important; 
+    border-radius: 10px;
+ }
+}
+
 /* Styles for the popup */
 .popup {
     display: none;

diff --git a/sass/common/_dark.scss b/sass/common/_dark.scss
@@ -332,3 +332,13 @@ body.dark .copy-status:active::after {
   display: block;
   color: $link-color-dark;
 }
+
+body.dark .modal-content {
+  background: $body-bg-dark;
+  color: $body-color-dark;
+  border: 1px solid white;
+}
+
+body.dark .modal-dialog {
+  box-shadow: 0px 0px 10px 0px;
+}