From 3587d6e96ee53f243f6dcaee2fdb083b700bc036 Mon Sep 17 00:00:00 2001
From: supertiger1234 <saawalkhn@googlemail.com>
Date: Thu, 6 Feb 2020 10:59:21 +0000
Subject: [PATCH] some changes made to the new design

---
 .../app/Popouts/Popouts/ServerInvitePopout.vue  | 11 +++++++++--
 .../ServerSettingsPanels/DropDownMenu.vue       | 17 ++++++++++-------
 .../ServerSettingsPanels/ServerSettings.vue     |  7 ++++++-
 .../Popouts/Popouts/SettingsPanels/survey.vue   |  2 ++
 4 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/components/app/Popouts/Popouts/ServerInvitePopout.vue b/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
index 607f4cc..6b05763 100644
--- a/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
+++ b/src/components/app/Popouts/Popouts/ServerInvitePopout.vue
@@ -101,8 +101,13 @@ export default {
   color: white;
   overflow: hidden;
   box-shadow: 0px 0px 20px 5px #151515bd;
-  background: linear-gradient(#0b4155, #01677e);
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 87, 153, 0.8) 0,
+    rgba(0, 118, 209, 0.8)
+  );
   border-radius: 4px;
+  backdrop-filter: blur(5px);
 }
 .top {
   display: flex;
@@ -143,7 +148,9 @@ export default {
 .invite {
   display: flex;
   background: rgba(0, 0, 0, 0.274);
-  margin: 5px;
+  margin: 1px;
+  margin-left: 0;
+  margin-right: 0;
   padding: 10px;
 }
 </style>
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
index 6b507ce..979f404 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/DropDownMenu.vue
@@ -107,9 +107,10 @@ export default {
   cursor: pointer;
   display: flex;
   transition: 0.3s;
+  border-radius: 4px;
 }
 .current-select-box:hover {
-  background: #02232b;
+  background-color: rgba(0, 0, 0, 0.5);
 }
 .current-select-box div {
   align-self: center;
@@ -128,13 +129,14 @@ export default {
 
 .drop {
   position: absolute;
-  background-color: #044050;
-  left: 0;
-  right: 0;
+  background-color: rgba(0, 0, 0, 0.8);
+  backdrop-filter: blur(5px);
+  left: 10px;
+  right: 10px;
   z-index: 11111;
   overflow: hidden;
   padding: 2px;
-  margin-top: 5px;
+  margin-top: -2px;
 }
 .drop-container {
   overflow: auto;
@@ -151,6 +153,7 @@ export default {
   white-space: nowrap;
   display: flex;
   cursor: pointer;
+  font-size: 14px;;  
 }
 .item div {
   align-self: center;
@@ -160,10 +163,10 @@ export default {
 }
 
 .item:hover {
-  background: #033442;
+  background: rgba(255, 255, 255, 0.2);
 }
 .item.selected {
-  background: #021c23;
+  background: rgba(255, 255, 255, 0.25);
 }
 .material-icons {
   flex-shrink: 0;
diff --git a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
index 315807b..7055c0e 100644
--- a/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
+++ b/src/components/app/Popouts/Popouts/ServerSettingsPanels/ServerSettings.vue
@@ -192,8 +192,13 @@ export default {
   position: relative;
   overflow: hidden;
   box-shadow: 0px 0px 20px 5px #151515bd;
-  background: linear-gradient(#0b4155, #01677e);
+  background: linear-gradient(
+    to bottom,
+    rgba(0, 87, 153, 0.8) 0,
+    rgba(0, 118, 209, 0.8)
+  );
   border-radius: 4px;
+  backdrop-filter: blur(5px);
 }
 
 .content {
diff --git a/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue b/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
index db6d4d7..2991f93 100644
--- a/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
+++ b/src/components/app/Popouts/Popouts/SettingsPanels/survey.vue
@@ -286,6 +286,7 @@ export default {
   width: initial;
   margin-top: 2px;
   background-color: rgba(0, 0, 0, 0.4);
+  border-radius: 4px;
 }
 textarea {
   padding: 10px;
@@ -298,6 +299,7 @@ textarea {
   margin-bottom: 10px;
   margin-top: 2px;
   transition: 0.3s;
+  border-radius: 4px;
 }
 textarea:hover {
   background: rgba(0, 0, 0, 0.401);