Fix screen width issues (#4)

discourse · May 10, 2022 · 5c03967 · 5c03967
1 parent f2f7f2e
commit 5c03967
Showing 1 changed file with 18 additions and 10 deletions.
diff --git a/desktop/desktop.scss b/desktop/desktop.scss
@@ -1,4 +1,4 @@
-@import 'variables';
+@import "variables";
 
 // Container
 // *------------------------------------------------*
@@ -7,23 +7,26 @@
   margin-bottom: 50px;
   border-radius: 10px;
   background: $color-cream;
-  width: 75%;
   max-width: 1030px;
-  padding: 3em 3em 5%;
   padding-bottom: 5% !important;
-  box-shadow: 0 8px 60px 0 rgba(103,151,255,.15), 0 12px 90px 0 rgba(103,151,255,.15);
+  box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.15),
+    0 12px 90px 0 rgba(103, 151, 255, 0.15);
   border-top: 8px solid $tertiary;
 }
 
-#main-outlet:after  {
+#main-outlet:after {
   content: "";
   display: block;
   position: absolute;
   z-index: -1;
   width: 500px;
   height: 500px;
   border-radius: 2000px;
-  background: -webkit-linear-gradient(330deg,rgba(255,74,158,0) 45%,rgba(255, 74, 158, 0.4) 100%);
+  background: -webkit-linear-gradient(
+    330deg,
+    rgba(255, 74, 158, 0) 45%,
+    rgba(255, 74, 158, 0.4) 100%
+  );
   background: $gradient-pink;
   right: 1px;
   top: -57px;
@@ -37,15 +40,19 @@
   width: 500px;
   height: 500px;
   border-radius: 2000px;
-  background: -webkit-linear-gradient(330deg,rgba(255,74,158,0) 45%,rgba(255,74,158,.4) 100%);
+  background: -webkit-linear-gradient(
+    330deg,
+    rgba(255, 74, 158, 0) 45%,
+    rgba(255, 74, 158, 0.4) 100%
+  );
   background: $gradient-blue;
   left: 4px;
   top: 500px;
 }
 
 // Navigation Bar
 // *------------------------------------------------*
-.nav-pills li a {  
+.nav-pills li a {
   &.active {
     background-color: $color-green;
     border-radius: $radius-2;
@@ -55,12 +62,13 @@
     border-radius: $radius-2;
     background-color: $tertiary;
     color: $color-white;
-    box-shadow: 0 8px 60px 0 rgba(103,151,255,.20), 0 12px 90px 0 rgba(103,151,255,.20);
+    box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.2),
+      0 12px 90px 0 rgba(103, 151, 255, 0.2);
   }
 }
 
 .list-controls .combo-box .combo-box-header {
   background: transparent;
   color: $color-black;
   border: none;
-}
+}