Add feature

frontend/src/app/projects/view/[servicesId]/variableStyles.module.css

@@ -2,9 +2,8 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  flex: 1 0 0;
+  flex: 1;
   align-self: stretch;
-
   background: #161720;
 }
 .variablesHeader {
@@ -23,7 +22,7 @@
 }
 .searchContainer > div {
   display: flex;
-  width: 310px;
+  width: 100%;
   padding: 8px 12px;
   align-items: center;
   gap: 9px;
@@ -103,6 +102,13 @@
   align-self: stretch;
   text-wrap: nowrap;
   width: 100%;
+  border-radius: 4px;
+  color: #acb0ff;
+  font-family: Inter;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
 }
 .dropDownContainer > div:hover {
   background: #3c4159;
@@ -251,3 +257,14 @@
   font-weight: 500;
   line-height: normal;
 }
+.noDisplay {
+  display: none;
+}
+.hasDisplay {
+  display: flex;
+}
+@media (max-width: 768px) {
+  .variablesContentContainer > div {
+    height: calc(100vh - 342px);
+  }
+}