temp: debug statements for testing

Co-authored-by: Isaac <contact@eartharoid.me>
Co-authored-by: David Ralph <me@davidcralph.co.uk>

src/components/Elements/MainModal/scss/index.scss

@@ -162,6 +162,12 @@ h5 {
     gap: 15px;
     align-items: center;
   }
+
+  .MuiOutlinedInput-notchedOutline {
+    @include themed {
+      border-color: t($modal-sidebarActive) !important;
+    }
+  }
 }
 
 .headerActions {

src/components/Elements/MainModal/scss/marketplace/_main.scss

@@ -8,15 +8,18 @@
   .item {
     flex-flow: row !important;
   }
+
   .item-back {
     margin: 0 !important;
     filter: blur(40px) saturate(180%) brightness(90%) !important;
     height: 15px !important;
     width: 200px !important;
   }
+
   .item-icon {
     margin: 0 !important;
   }
+
   .card-details {
     margin: 0 !important;
     text-align: left;
@@ -169,7 +172,7 @@
       width: 100%;
       box-sizing: border-box !important;
       border-radius: 12px 12px 0 0;
-      -webkit-backdrop-filter: blur(40px) saturate(150%) brightness(75%);
+      backdrop-filter: blur(40px) saturate(150%) brightness(75%);
       backdrop-filter: blur(40px) saturate(150%) brightness(75%);
 
       @include themed {
@@ -249,7 +252,7 @@
   flex-flow: column;
   text-align: center;
   align-items: center;
-  -webkit-user-select: none;
+  user-select: none;
   user-select: none;
 
   img {
@@ -363,7 +366,7 @@ p.author {
   .nice-tag {
     border-radius: 150px;
     padding: 1px 12px;
-    -webkit-backdrop-filter: blur(16px) saturate(180%);
+    backdrop-filter: blur(16px) saturate(180%);
     backdrop-filter: blur(16px) saturate(180%);
     background-color: rgb(255 255 255 / 10%);
     border: 1px solid rgb(209 213 219 / 30%);

src/components/Elements/MainModal/scss/marketplace/modules/_buttons.scss

@@ -70,7 +70,7 @@
 
 .btn-collection {
   padding: 1px 12px;
-  -webkit-backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
   backdrop-filter: blur(16px) saturate(180%);
   background-color: rgb(255 255 255 / 10%);
   border: 1px solid rgb(209 213 219 / 30%);
@@ -132,5 +132,6 @@ a.btn-collection {
   height: 40px;
   display: grid;
   place-content: center;
+
   @include modal-button(standard);
 }

src/components/Elements/MainModal/scss/marketplace/modules/_item.scss

@@ -161,7 +161,7 @@ p.description {
   gap: 15px;
 
   .subtitle {
-    -webkit-user-select: text !important;
+    user-select: text !important;
     user-select: text !important;
   }
 }

src/components/Elements/MainModal/scss/modules/_modalTabContent.scss

@@ -77,7 +77,8 @@
 
   button {
     @include modal-button(standard);
-    padding: 5px 10px 5px 10px;
+
+    padding: 5px 10px;
   }
 }
 
@@ -206,38 +207,40 @@ table {
   flex-flow: row !important;
   gap: 5px !important;
   text-align: center !important;
-  @include themed() {
+
+  @include themed {
     background: t($modal-sidebar);
     box-shadow: t($boxShadow);
     color: t($color) !important;
   }
+
   hr {
     height: 100%;
     margin-right: 5px;
+
     @include themed {
       border-color: t($modal-secondaryColour);
     }
   }
-  text-align: center;
+
   border-radius: 12px;
   height: 40px;
   font-size: 1rem;
-  display: flex;
   align-items: center;
-  flex-flow: row;
   justify-content: center;
-  gap: 20px;
   transition: 0.5s;
   cursor: pointer;
   border: 0;
   padding-left: 10px;
   padding-right: 5px;
+
   input[type='tel'] {
     background: none;
     outline: none;
     border: none;
     max-width: 20px;
     text-align: center;
+
     @include themed {
       color: t($color) !important;
     }

src/components/Elements/MainModal/scss/settings/modules/tabs/_about.scss

@@ -7,7 +7,7 @@
 .aboutLogo {
   height: 100px;
   width: auto;
-  margin: calc(1rem - 15px) 0 1rem 0;
+  margin: calc(1rem - 15px) 0 1rem;
   align-self: center;
 }
 

src/components/Elements/MainModal/scss/settings/modules/tabs/_stats.scss

@@ -63,6 +63,7 @@
     align-items: center;
     gap: 5px;
     font-size: 12px;
+
     @include themed {
       color: t($subColor);
     }
@@ -75,6 +76,7 @@
 
   svg.trophy {
     font-size: 20px !important;
+
     @include themed {
       background-image: t($slightGradient);
       box-shadow: t($boxShadow);
@@ -86,6 +88,7 @@
 
   svg.trophyLocked {
     font-size: 20px !important;
+
     @include themed {
       background-image: t($modal-sidebarActive);
       box-shadow: t($boxShadow);