fix responder header section scroll (#2688)

increase background contrast of app (#2631)

DEV.md

@@ -144,3 +144,7 @@ psql --file=data.sql --dbname=altairgraphql-db --port=5432 --host=localhost --us
 ## Tips
 
 - add `&pgbouncer=true` to your connection url in order to enable pgbouncer mode in Prisma
+
+### Slow running development application
+
+If the local development application feels extremely slow, check if you have the [Angular DevTools extension](https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh) installed on your browser and disable it. It slows down the application significantly.

packages/altair-app/src/scss/_layout.scss

@@ -3,7 +3,7 @@
   flex-direction: column;
   height: 100vh;
   color: var(--theme-font-color);
-  background: rgba(var(--rgb-theme-bg), 0.8);
+  background: rgba(var(--rgb-theme-bg), 0.9);
   backdrop-filter: blur(20px);
   cursor: default;
 }

packages/altair-app/src/scss/components/_editor.scss

@@ -145,6 +145,7 @@ app-query-result {
 
 .response-headers__container {
   padding: 10px;
+  overflow-y: auto;
 }
 
 .response-headers__notice {