fix responder header section scroll (#2688)

increase background contrast of app (#2631)
altair-graphql · Nov 2, 2024 · 07d78dd · 07d78dd
1 parent 9fb7651
commit 07d78dd
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/DEV.md b/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.
diff --git a/packages/altair-app/src/scss/_layout.scss b/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;
 }

diff --git a/packages/altair-app/src/scss/components/_editor.scss b/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 {